<!doctype html><html lang="en">
 <head>
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
  <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
  <title>CSS Containment Module Level 1</title>
  <meta content="ED" name="w3c-status">
  <link href="https://www.w3.org/StyleSheets/TR/2021/W3C-ED" rel="stylesheet">
  <link href="https://www.w3.org/2008/site/images/favicon.ico" rel="icon">
  <meta content="Bikeshed version 2e3c4c68b, updated Fri Jan 14 14:49:00 2022 -0800" name="generator">
  <link href="https://www.w3.org/TR/css-contain-1/" rel="canonical">
  <link href="https://drafts.csswg.org/csslogo.ico" rel="icon">
  <meta content="f502eec13e08f5f359615c321f5369d5d6eb3648" name="document-revision">
<script defer src="https://test.csswg.org/harness/annotate.js#!css-contain-1_dev/css-contain-1"></script>
<style>/* style-autolinks */

.css.css, .property.property, .descriptor.descriptor {
    color: var(--a-normal-text);
    font-size: inherit;
    font-family: inherit;
}
.css::before, .property::before, .descriptor::before {
    content: "‘";
}
.css::after, .property::after, .descriptor::after {
    content: "’";
}
.property, .descriptor {
    /* Don't wrap property and descriptor names */
    white-space: nowrap;
}
.type { /* CSS value <type> */
    font-style: italic;
}
pre .property::before, pre .property::after {
    content: "";
}
[data-link-type="property"]::before,
[data-link-type="propdesc"]::before,
[data-link-type="descriptor"]::before,
[data-link-type="value"]::before,
[data-link-type="function"]::before,
[data-link-type="at-rule"]::before,
[data-link-type="selector"]::before,
[data-link-type="maybe"]::before {
    content: "‘";
}
[data-link-type="property"]::after,
[data-link-type="propdesc"]::after,
[data-link-type="descriptor"]::after,
[data-link-type="value"]::after,
[data-link-type="function"]::after,
[data-link-type="at-rule"]::after,
[data-link-type="selector"]::after,
[data-link-type="maybe"]::after {
    content: "’";
}

[data-link-type].production::before,
[data-link-type].production::after,
.prod [data-link-type]::before,
.prod [data-link-type]::after {
    content: "";
}

[data-link-type=element],
[data-link-type=element-attr] {
    font-family: Menlo, Consolas, "DejaVu Sans Mono", monospace;
    font-size: .9em;
}
[data-link-type=element]::before { content: "<" }
[data-link-type=element]::after  { content: ">" }

[data-link-type=biblio] {
    white-space: pre;
}</style>
<style>/* style-colors */

/* Any --*-text not paired with a --*-bg is assumed to have a transparent bg */
:root {
    color-scheme: light dark;

    --text: black;
    --bg: white;

    --unofficial-watermark: url(https://www.w3.org/StyleSheets/TR/2016/logos/UD-watermark);

    --logo-bg: #1a5e9a;
    --logo-active-bg: #c00;
    --logo-text: white;

    --tocnav-normal-text: #707070;
    --tocnav-normal-bg: var(--bg);
    --tocnav-hover-text: var(--tocnav-normal-text);
    --tocnav-hover-bg: #f8f8f8;
    --tocnav-active-text: #c00;
    --tocnav-active-bg: var(--tocnav-normal-bg);

    --tocsidebar-text: var(--text);
    --tocsidebar-bg: #f7f8f9;
    --tocsidebar-shadow: rgba(0,0,0,.1);
    --tocsidebar-heading-text: hsla(203,20%,40%,.7);

    --toclink-text: var(--text);
    --toclink-underline: #3980b5;
    --toclink-visited-text: var(--toclink-text);
    --toclink-visited-underline: #054572;

    --heading-text: #005a9c;

    --hr-text: var(--text);

    --algo-border: #def;

    --del-text: red;
    --del-bg: transparent;
    --ins-text: #080;
    --ins-bg: transparent;

    --a-normal-text: #034575;
    --a-normal-underline: #bbb;
    --a-visited-text: var(--a-normal-text);
    --a-visited-underline: #707070;
    --a-hover-bg: rgba(75%, 75%, 75%, .25);
    --a-active-text: #c00;
    --a-active-underline: #c00;

    --blockquote-border: silver;
    --blockquote-bg: transparent;
    --blockquote-text: currentcolor;

    --issue-border: #e05252;
    --issue-bg: #fbe9e9;
    --issue-text: var(--text);
    --issueheading-text: #831616;

    --example-border: #e0cb52;
    --example-bg: #fcfaee;
    --example-text: var(--text);
    --exampleheading-text: #574b0f;

    --note-border: #52e052;
    --note-bg: #e9fbe9;
    --note-text: var(--text);
    --noteheading-text: hsl(120, 70%, 30%);
    --notesummary-underline: silver;

    --assertion-border: #aaa;
    --assertion-bg: #eee;
    --assertion-text: black;

    --advisement-border: orange;
    --advisement-bg: #fec;
    --advisement-text: var(--text);
    --advisementheading-text: #b35f00;

    --warning-border: red;
    --warning-bg: hsla(40,100%,50%,0.95);
    --warning-text: var(--text);

    --amendment-border: #330099;
    --amendment-bg: #F5F0FF;
    --amendment-text: var(--text);
    --amendmentheading-text: #220066;

    --def-border: #8ccbf2;
    --def-bg: #def;
    --def-text: var(--text);
    --defrow-border: #bbd7e9;

    --datacell-border: silver;

    --indexinfo-text: #707070;

    --indextable-hover-text: black;
    --indextable-hover-bg: #f7f8f9;

    --outdatedspec-bg: rgba(0, 0, 0, .5);
    --outdatedspec-text: black;
    --outdated-bg: maroon;
    --outdated-text: white;
    --outdated-shadow: red;

    --editedrec-bg: darkorange;
}</style>
<style>/* style-counters */

body {
    counter-reset: example figure issue;
}
.issue {
    counter-increment: issue;
}
.issue:not(.no-marker)::before {
    content: "Issue " counter(issue);
}

.example {
    counter-increment: example;
}
.example:not(.no-marker)::before {
    content: "Example " counter(example);
}
.invalid.example:not(.no-marker)::before,
.illegal.example:not(.no-marker)::before {
    content: "Invalid Example" counter(example);
}

figcaption {
    counter-increment: figure;
}
figcaption:not(.no-marker)::before {
    content: "Figure " counter(figure) " ";
}</style>
<style>/* style-dfn-panel */

:root {
    --dfnpanel-bg: #ddd;
    --dfnpanel-text: var(--text);
}
.dfn-panel {
    position: absolute;
    z-index: 35;
    height: auto;
    width: -webkit-fit-content;
    width: fit-content;
    max-width: 300px;
    max-height: 500px;
    overflow: auto;
    padding: 0.5em 0.75em;
    font: small Helvetica Neue, sans-serif, Droid Sans Fallback;
    background: var(--dfnpanel-bg);
    color: var(--dfnpanel-text);
    border: outset 0.2em;
}
.dfn-panel:not(.on) { display: none; }
.dfn-panel * { margin: 0; padding: 0; text-indent: 0; }
.dfn-panel > b { display: block; }
.dfn-panel a { color: var(--dfnpanel-text); }
.dfn-panel a:not(:hover) { text-decoration: none !important; border-bottom: none !important; }
.dfn-panel > b + b { margin-top: 0.25em; }
.dfn-panel ul { padding: 0; }
.dfn-panel li { list-style: inside; }
.dfn-panel.activated {
    display: inline-block;
    position: fixed;
    left: .5em;
    bottom: 2em;
    margin: 0 auto;
    max-width: calc(100vw - 1.5em - .4em - .5em);
    max-height: 30vh;
}

.dfn-paneled { cursor: pointer; }
</style>
<style>/* style-issues */

a[href].issue-return {
    float: right;
    float: inline-end;
    color: var(--issueheading-text);
    font-weight: bold;
    text-decoration: none;
}
</style>
<style>/* style-md-lists */

/* This is a weird hack for me not yet following the commonmark spec
   regarding paragraph and lists. */
[data-md] > :first-child {
    margin-top: 0;
}
[data-md] > :last-child {
    margin-bottom: 0;
}</style>
<style>/* style-selflinks */

:root {
    --selflink-text: white;
    --selflink-bg: gray;
    --selflink-hover-text: black;
}
.heading, .issue, .note, .example, li, dt {
    position: relative;
}
a.self-link {
    position: absolute;
    top: 0;
    left: calc(-1 * (3.5rem - 26px));
    width: calc(3.5rem - 26px);
    height: 2em;
    text-align: center;
    border: none;
    transition: opacity .2s;
    opacity: .5;
}
a.self-link:hover {
    opacity: 1;
}
.heading > a.self-link {
    font-size: 83%;
}
li > a.self-link {
    left: calc(-1 * (3.5rem - 26px) - 2em);
}
dfn > a.self-link {
    top: auto;
    left: auto;
    opacity: 0;
    width: 1.5em;
    height: 1.5em;
    background: var(--selflink-bg);
    color: var(--selflink-text);
    font-style: normal;
    transition: opacity .2s, background-color .2s, color .2s;
}
dfn:hover > a.self-link {
    opacity: 1;
}
dfn > a.self-link:hover {
    color: var(--selflink-hover-text);
}

a.self-link::before            { content: "¶"; }
.heading > a.self-link::before { content: "§"; }
dfn > a.self-link::before      { content: "#"; }
</style>
<style>/* style-syntax-highlighting */

code.highlight { padding: .1em; border-radius: .3em; }
pre.highlight, pre > code.highlight { display: block; padding: 1em; margin: .5em 0; overflow: auto; border-radius: 0; }

.highlight:not(.idl) { background: rgba(0, 0, 0, .03); }
c-[a] { color: #990055 } /* Keyword.Declaration */
c-[b] { color: #990055 } /* Keyword.Type */
c-[c] { color: #708090 } /* Comment */
c-[d] { color: #708090 } /* Comment.Multiline */
c-[e] { color: #0077aa } /* Name.Attribute */
c-[f] { color: #669900 } /* Name.Tag */
c-[g] { color: #222222 } /* Name.Variable */
c-[k] { color: #990055 } /* Keyword */
c-[l] { color: #000000 } /* Literal */
c-[m] { color: #000000 } /* Literal.Number */
c-[n] { color: #0077aa } /* Name */
c-[o] { color: #999999 } /* Operator */
c-[p] { color: #999999 } /* Punctuation */
c-[s] { color: #a67f59 } /* Literal.String */
c-[t] { color: #a67f59 } /* Literal.String.Single */
c-[u] { color: #a67f59 } /* Literal.String.Double */
c-[cp] { color: #708090 } /* Comment.Preproc */
c-[c1] { color: #708090 } /* Comment.Single */
c-[cs] { color: #708090 } /* Comment.Special */
c-[kc] { color: #990055 } /* Keyword.Constant */
c-[kn] { color: #990055 } /* Keyword.Namespace */
c-[kp] { color: #990055 } /* Keyword.Pseudo */
c-[kr] { color: #990055 } /* Keyword.Reserved */
c-[ld] { color: #000000 } /* Literal.Date */
c-[nc] { color: #0077aa } /* Name.Class */
c-[no] { color: #0077aa } /* Name.Constant */
c-[nd] { color: #0077aa } /* Name.Decorator */
c-[ni] { color: #0077aa } /* Name.Entity */
c-[ne] { color: #0077aa } /* Name.Exception */
c-[nf] { color: #0077aa } /* Name.Function */
c-[nl] { color: #0077aa } /* Name.Label */
c-[nn] { color: #0077aa } /* Name.Namespace */
c-[py] { color: #0077aa } /* Name.Property */
c-[ow] { color: #999999 } /* Operator.Word */
c-[mb] { color: #000000 } /* Literal.Number.Bin */
c-[mf] { color: #000000 } /* Literal.Number.Float */
c-[mh] { color: #000000 } /* Literal.Number.Hex */
c-[mi] { color: #000000 } /* Literal.Number.Integer */
c-[mo] { color: #000000 } /* Literal.Number.Oct */
c-[sb] { color: #a67f59 } /* Literal.String.Backtick */
c-[sc] { color: #a67f59 } /* Literal.String.Char */
c-[sd] { color: #a67f59 } /* Literal.String.Doc */
c-[se] { color: #a67f59 } /* Literal.String.Escape */
c-[sh] { color: #a67f59 } /* Literal.String.Heredoc */
c-[si] { color: #a67f59 } /* Literal.String.Interpol */
c-[sx] { color: #a67f59 } /* Literal.String.Other */
c-[sr] { color: #a67f59 } /* Literal.String.Regex */
c-[ss] { color: #a67f59 } /* Literal.String.Symbol */
c-[vc] { color: #0077aa } /* Name.Variable.Class */
c-[vg] { color: #0077aa } /* Name.Variable.Global */
c-[vi] { color: #0077aa } /* Name.Variable.Instance */
c-[il] { color: #000000 } /* Literal.Number.Integer.Long */
</style>
<style>/* style-wpt */

:root {
    --wpt-border: hsl(0, 0%, 60%);
    --wpt-bg: hsl(0, 0%, 95%);
    --wpt-text: var(--text);
    --wptheading-text: hsl(0, 0%, 30%);
}
@media (prefers-color-scheme: dark) {
    :root {
        --wpt-border: hsl(0, 0%, 30%);
        --wpt-bg: var(--borderedblock-bg);
        --wpt-text: var(--text);
        --wptheading-text: hsl(0, 0%, 60%);
    }
}
.wpt-tests-block {
    list-style: none;
    border-left: .5em solid var(--wpt-border);
    background: var(--wpt-bg);
    color: var(--wpt-text);
    margin: 1em auto;
    padding: .5em;
}
.wpt-tests-block summary {
    color: var(--wptheading-text);
    font-weight: normal;
    text-transform: uppercase;
}
.wpt-tests-block summary::marker{
    color: var(--wpt-border);
}
.wpt-tests-block summary:hover::marker{
    color: var(--wpt-text);
}
/*
   The only content  of a wpt test block in its closed state is the <summary>,
   which contains the word TESTS,
   and that is absolutely positioned.
   In that closed state, wpt test blocks are styled
   to have a top margin whose height is exactly equal
   to the height of the absolutely positioned <summary>,
   and no other background/padding/margin/border.
   The wpt test block elements will therefore allow the maring
   of the previous/next block elements
   to collapse through them;
   if this combined margin would be larger than its own top margin,
   it stays as is,
   and therefore the pre-existing vertical rhythm of the document is undisturbed.
   If that combined margin would be smaller, it is grown to that size.
   This means that the wpt test block ensures
   that there's always enough vertical space to insert the summary,
   without adding more than is needed.
*/
.wpt-tests-block:not([open]){
    padding: 0;
    border: none;
    background: none;
    font-size: 0.75em;
    line-height: 1;
    position: relative;
    margin: 1em 0 0;
}
.wpt-tests-block:not([open]) summary {
    position: absolute;
    right: 0;
    bottom: 0;
}
/*
   It is possible that both the last child of a block element
   and the block element itself
   would be annotated with a <wpt> block each.
   If the block element has a padding or a border,
   that's fine, but otherwise
   the bottom margin of the block and of its last child would collapse
   and both <wpt> elements would overlap, being both placed there.
   To avoid that, add 1px of padding to the <wpt> element annotating the last child
   to prevent the bottom margin of the block and of its last child from collapsing
   (and as much negative margin,
   as wel only want to prevent margin collapsing,
   but are not trying to actually take more space).
*/
.wpt-tests-block:not([open]):last-child {
    padding-bottom: 1px;
    margin-bottom: -1px;
}
/*
   Exception to the previous rule:
   don't do that in non-last list items,
   because it's not necessary,
   and would therefore consume more space than strictly needed.
   Lists must have list items as children, not <wpt> elements,
   so a <wpt> element cannot be a sibling of a list item,
   and the collision that the previous rule avoids cannot happen.
*/
li:not(:last-child) > .wpt-tests-block:not([open]):last-child,
dd:not(:last-child) > .wpt-tests-block:not([open]):last-child {
    padding-bottom: 0;
    margin-bottom: 0;
}
.wpt-tests-block:not([open]):not(:hover){
    opacity: 0.5;
}
.wpt-tests-list {
    list-style: none;
    display: grid;
    margin: 0;
    padding: 0;
    grid-template-columns: 1fr max-content auto auto;
    grid-column-gap: .5em;
}
.wpt-tests-block hr:last-child {
    display: none;
}
.wpt-test {
    display: contents;
}
.wpt-test > a {
    text-decoration: underline;
    border: none;
}
.wpt-test > .wpt-name { grid-column: 1; }
.wpt-test > .wpt-results { grid-column: 2; }
.wpt-test > .wpt-live { grid-column: 3; }
.wpt-test > .wpt-source { grid-column: 4; }

.wpt-test > .wpt-results {
    display: flex;
    gap: .1em;
}
.wpt-test .wpt-result {
    display: inline-block;
    height: 1em;
    width: 1em;
    border-radius: 50%;
    position: relative;
}
</style>
<style>/* style-darkmode */

@media (prefers-color-scheme: dark) {
    :root {
        --text: #ddd;
        --bg: black;

        --unofficial-watermark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cg fill='%23100808' transform='translate(200 200) rotate(-45) translate(-200 -200)' stroke='%23100808' stroke-width='3'%3E%3Ctext x='50%25' y='220' style='font: bold 70px sans-serif; text-anchor: middle; letter-spacing: 6px;'%3EUNOFFICIAL%3C/text%3E%3Ctext x='50%25' y='305' style='font: bold 70px sans-serif; text-anchor: middle; letter-spacing: 6px;'%3EDRAFT%3C/text%3E%3C/g%3E%3C/svg%3E");

        --logo-bg: #1a5e9a;
        --logo-active-bg: #c00;
        --logo-text: white;

        --tocnav-normal-text: #999;
        --tocnav-normal-bg: var(--bg);
        --tocnav-hover-text: var(--tocnav-normal-text);
        --tocnav-hover-bg: #080808;
        --tocnav-active-text: #f44;
        --tocnav-active-bg: var(--tocnav-normal-bg);

        --tocsidebar-text: var(--text);
        --tocsidebar-bg: #080808;
        --tocsidebar-shadow: rgba(255,255,255,.1);
        --tocsidebar-heading-text: hsla(203,20%,40%,.7);

        --toclink-text: var(--text);
        --toclink-underline: #6af;
        --toclink-visited-text: var(--toclink-text);
        --toclink-visited-underline: #054572;

        --heading-text: #8af;

        --hr-text: var(--text);

        --algo-border: #456;

        --del-text: #f44;
        --del-bg: transparent;
        --ins-text: #4a4;
        --ins-bg: transparent;

        --a-normal-text: #6af;
        --a-normal-underline: #555;
        --a-visited-text: var(--a-normal-text);
        --a-visited-underline: var(--a-normal-underline);
        --a-hover-bg: rgba(25%, 25%, 25%, .2);
        --a-active-text: #f44;
        --a-active-underline: var(--a-active-text);

        --borderedblock-bg: rgba(255, 255, 255, .05);

        --blockquote-border: silver;
        --blockquote-bg: var(--borderedblock-bg);
        --blockquote-text: currentcolor;

        --issue-border: #e05252;
        --issue-bg: var(--borderedblock-bg);
        --issue-text: var(--text);
        --issueheading-text: hsl(0deg, 70%, 70%);

        --example-border: hsl(50deg, 90%, 60%);
        --example-bg: var(--borderedblock-bg);
        --example-text: var(--text);
        --exampleheading-text: hsl(50deg, 70%, 70%);

        --note-border: hsl(120deg, 100%, 35%);
        --note-bg: var(--borderedblock-bg);
        --note-text: var(--text);
        --noteheading-text: hsl(120, 70%, 70%);
        --notesummary-underline: silver;

        --assertion-border: #444;
        --assertion-bg: var(--borderedblock-bg);
        --assertion-text: var(--text);

        --advisement-border: orange;
        --advisement-bg: #222218;
        --advisement-text: var(--text);
        --advisementheading-text: #f84;

        --warning-border: red;
        --warning-bg: hsla(40,100%,20%,0.95);
        --warning-text: var(--text);

        --amendment-border: #330099;
        --amendment-bg: #080010;
        --amendment-text: var(--text);
        --amendmentheading-text: #cc00ff;

        --def-border: #8ccbf2;
        --def-bg: #080818;
        --def-text: var(--text);
        --defrow-border: #136;

        --datacell-border: silver;

        --indexinfo-text: #aaa;

        --indextable-hover-text: var(--text);
        --indextable-hover-bg: #181818;

        --outdatedspec-bg: rgba(255, 255, 255, .5);
        --outdatedspec-text: black;
        --outdated-bg: maroon;
        --outdated-text: white;
        --outdated-shadow: red;

        --editedrec-bg: darkorange;
    }
    /* In case a transparent-bg image doesn't expect to be on a dark bg,
       which is quite common in practice... */
    img { background: white; }
}
@media (prefers-color-scheme: dark) {
    :root {
        --selflink-text: black;
        --selflink-bg: silver;
        --selflink-hover-text: white;
    }
}

@media (prefers-color-scheme: dark) {
    :root {
        --dfnpanel-bg: #222;
        --dfnpanel-text: var(--text);
    }
}
@media (prefers-color-scheme: dark) {
    .highlight:not(.idl) { background: rgba(255, 255, 255, .05); }

    c-[a] { color: #d33682 } /* Keyword.Declaration */
    c-[b] { color: #d33682 } /* Keyword.Type */
    c-[c] { color: #2aa198 } /* Comment */
    c-[d] { color: #2aa198 } /* Comment.Multiline */
    c-[e] { color: #268bd2 } /* Name.Attribute */
    c-[f] { color: #b58900 } /* Name.Tag */
    c-[g] { color: #cb4b16 } /* Name.Variable */
    c-[k] { color: #d33682 } /* Keyword */
    c-[l] { color: #657b83 } /* Literal */
    c-[m] { color: #657b83 } /* Literal.Number */
    c-[n] { color: #268bd2 } /* Name */
    c-[o] { color: #657b83 } /* Operator */
    c-[p] { color: #657b83 } /* Punctuation */
    c-[s] { color: #6c71c4 } /* Literal.String */
    c-[t] { color: #6c71c4 } /* Literal.String.Single */
    c-[u] { color: #6c71c4 } /* Literal.String.Double */
    c-[ch] { color: #2aa198 } /* Comment.Hashbang */
    c-[cp] { color: #2aa198 } /* Comment.Preproc */
    c-[cpf] { color: #2aa198 } /* Comment.PreprocFile */
    c-[c1] { color: #2aa198 } /* Comment.Single */
    c-[cs] { color: #2aa198 } /* Comment.Special */
    c-[kc] { color: #d33682 } /* Keyword.Constant */
    c-[kn] { color: #d33682 } /* Keyword.Namespace */
    c-[kp] { color: #d33682 } /* Keyword.Pseudo */
    c-[kr] { color: #d33682 } /* Keyword.Reserved */
    c-[ld] { color: #657b83 } /* Literal.Date */
    c-[nc] { color: #268bd2 } /* Name.Class */
    c-[no] { color: #268bd2 } /* Name.Constant */
    c-[nd] { color: #268bd2 } /* Name.Decorator */
    c-[ni] { color: #268bd2 } /* Name.Entity */
    c-[ne] { color: #268bd2 } /* Name.Exception */
    c-[nf] { color: #268bd2 } /* Name.Function */
    c-[nl] { color: #268bd2 } /* Name.Label */
    c-[nn] { color: #268bd2 } /* Name.Namespace */
    c-[py] { color: #268bd2 } /* Name.Property */
    c-[ow] { color: #657b83 } /* Operator.Word */
    c-[mb] { color: #657b83 } /* Literal.Number.Bin */
    c-[mf] { color: #657b83 } /* Literal.Number.Float */
    c-[mh] { color: #657b83 } /* Literal.Number.Hex */
    c-[mi] { color: #657b83 } /* Literal.Number.Integer */
    c-[mo] { color: #657b83 } /* Literal.Number.Oct */
    c-[sa] { color: #6c71c4 } /* Literal.String.Affix */
    c-[sb] { color: #6c71c4 } /* Literal.String.Backtick */
    c-[sc] { color: #6c71c4 } /* Literal.String.Char */
    c-[dl] { color: #6c71c4 } /* Literal.String.Delimiter */
    c-[sd] { color: #6c71c4 } /* Literal.String.Doc */
    c-[se] { color: #6c71c4 } /* Literal.String.Escape */
    c-[sh] { color: #6c71c4 } /* Literal.String.Heredoc */
    c-[si] { color: #6c71c4 } /* Literal.String.Interpol */
    c-[sx] { color: #6c71c4 } /* Literal.String.Other */
    c-[sr] { color: #6c71c4 } /* Literal.String.Regex */
    c-[ss] { color: #6c71c4 } /* Literal.String.Symbol */
    c-[fm] { color: #268bd2 } /* Name.Function.Magic */
    c-[vc] { color: #cb4b16 } /* Name.Variable.Class */
    c-[vg] { color: #cb4b16 } /* Name.Variable.Global */
    c-[vi] { color: #cb4b16 } /* Name.Variable.Instance */
    c-[vm] { color: #cb4b16 } /* Name.Variable.Magic */
    c-[il] { color: #657b83 } /* Literal.Number.Integer.Long */
}
</style>
 <body class="h-entry">
  <div class="head">
   <p data-fill-with="logo"><a class="logo" href="https://www.w3.org/"> <img alt="W3C" height="48" src="https://www.w3.org/StyleSheets/TR/2021/logos/W3C" width="72"> </a> </p>
   <h1 class="p-name no-ref" id="title">CSS Containment Module Level 1</h1>
   <p id="w3c-state"><a href="https://www.w3.org/standards/types#ED">Editor’s Draft</a>, <time class="dt-updated" datetime="2022-09-06">6 September 2022</time></p>
   <details open>
    <summary>More details about this document</summary>
    <div data-fill-with="spec-metadata">
     <dl>
      <dt>This version:
      <dd><a class="u-url" href="https://drafts.csswg.org/css-contain-1/">https://drafts.csswg.org/css-contain-1/</a>
      <dt>Latest published version:
      <dd><a href="https://www.w3.org/TR/css-contain-1/">https://www.w3.org/TR/css-contain-1/</a>
      <dt>Previous Versions:
      <dd><a href="https://www.w3.org/TR/2019/REC-css-contain-1-20191121/" rel="prev">https://www.w3.org/TR/2019/REC-css-contain-1-20191121/</a>
      <dd><a href="https://www.w3.org/TR/2019/PR-css-contain-1-20191015/" rel="prev">https://www.w3.org/TR/2019/PR-css-contain-1-20191015/</a>
      <dd><a href="https://www.w3.org/TR/2019/CR-css-contain-1-20190430/" rel="prev">https://www.w3.org/TR/2019/CR-css-contain-1-20190430/</a>
      <dd><a href="https://www.w3.org/TR/2018/CR-css-contain-1-20181108/" rel="prev">https://www.w3.org/TR/2018/CR-css-contain-1-20181108/</a>
      <dd><a href="https://www.w3.org/TR/2018/CR-css-contain-1-20180524/" rel="prev">https://www.w3.org/TR/2018/CR-css-contain-1-20180524/</a>
      <dd><a href="https://www.w3.org/TR/2017/CR-css-contain-1-20170808/" rel="prev">https://www.w3.org/TR/2017/CR-css-contain-1-20170808/</a>
      <dd><a href="https://www.w3.org/TR/2017/WD-css-contain-1-20170419/" rel="prev">https://www.w3.org/TR/2017/WD-css-contain-1-20170419/</a>
      <dd><a href="https://www.w3.org/TR/2017/WD-css-contain-1-20170221/" rel="prev">https://www.w3.org/TR/2017/WD-css-contain-1-20170221/</a>
      <dt>Implementation Report:
      <dd><a href="https://drafts.csswg.org/css-contain-1/implementation-report-2022-09">https://drafts.csswg.org/css-contain-1/implementation-report-2022-09</a>
      <dt>Test Suites:
      <dd><a href="http://test.csswg.org/suites/css-contain-1_dev/nightly-unstable/">http://test.csswg.org/suites/css-contain-1_dev/nightly-unstable/</a>
      <dd class="wpt-overview"><a href="https://wpt.fyi/results/css/css-contain/">https://wpt.fyi/results/css/css-contain/</a>
      <dt>Feedback:
      <dd><a href="https://github.com/w3c/csswg-drafts/labels/css-contain-1">CSSWG Issues Repository</a>
      <dt class="editor">Editors:
      <dd class="editor p-author h-card vcard" data-editor-id="42199"><a class="p-name fn u-url url" href="http://xanthir.com/contact/">Tab Atkins</a> (<span class="p-org org">Google</span>)
      <dd class="editor p-author h-card vcard" data-editor-id="43241"><a class="p-name fn u-url url" href="https://florian.rivoal.net/">Florian Rivoal</a> (<span class="p-org org">On behalf of Bloomberg</span>)
      <dt>Suggest an Edit for this Spec:
      <dd><a href="https://github.com/w3c/csswg-drafts/blob/main/css-contain-1/Overview.bs">GitHub Editor</a>
     </dl>
    </div>
   </details>
   <div data-fill-with="warning"></div>
   <p class="copyright" data-fill-with="copyright"><a href="https://www.w3.org/Consortium/Legal/ipr-notice#Copyright">Copyright</a> © 2022 <a href="https://www.w3.org/"><abbr title="World Wide Web Consortium">W3C</abbr></a><sup>®</sup> (<a href="https://www.csail.mit.edu/"><abbr title="Massachusetts Institute of Technology">MIT</abbr></a>, <a href="https://www.ercim.eu/"><abbr title="European Research Consortium for Informatics and Mathematics">ERCIM</abbr></a>, <a href="https://www.keio.ac.jp/">Keio</a>, <a href="https://ev.buaa.edu.cn/">Beihang</a>). W3C <a href="https://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>, <a href="https://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a> and <a href="https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document" rel="license">permissive document license</a> rules apply. </p>
   <hr title="Separator for header">
  </div>
  <div class="p-summary" data-fill-with="abstract">
   <h2 class="no-num no-toc no-ref heading settled" id="abstract"><span class="content">Abstract</span></h2>
   <p>This CSS module describes the <a class="property css" data-link-type="property" href="#propdef-contain" id="ref-for-propdef-contain">contain</a> property, which indicates that the element’s subtree is independent of the rest of the page. This enables heavy optimizations by user agents when used well.</p>
    <a href="https://www.w3.org/TR/CSS/">CSS</a> is a language for describing the rendering of structured documents
(such as HTML and XML)
on screen, on paper, etc.
  </div>
  <h2 class="no-num no-toc no-ref heading settled" id="sotd"><span class="content">Status of this document</span></h2>
  <div data-fill-with="status">
   <p> This is a public copy of the editors’ draft.
	It is provided for discussion only and may change at any moment.
	Its publication here does not imply endorsement of its contents by W3C.
	Don’t cite this document other than as work in progress. </p>
   <p>Please send feedback
	by <a href="https://github.com/w3c/csswg-drafts/issues">filing issues in GitHub</a> (preferred),
	including the spec code “css-contain” in the title, like this:
	“[css-contain] <i>…summary of comment…</i>”.
	All issues and comments are <a href="https://lists.w3.org/Archives/Public/public-css-archive/">archived</a>.
	Alternately, feedback can be sent to the (<a href="https://lists.w3.org/Archives/Public/www-style/">archived</a>) public mailing list <a href="mailto:www-style@w3.org?Subject=%5Bcss-contain%5D%20PUT%20SUBJECT%20HERE">www-style@w3.org</a>. </p>
   <p>This document is governed by the <a href="https://www.w3.org/2021/Process-20211102/" id="w3c_process_revision">2 November 2021 W3C Process Document</a>. </p>
   <p></p>
   <div class="correction"><a href="https://www.w3.org/Consortium/Process/#candidate-correction">Candidate corrections</a> are marked in the document.</div>
  </div>
  <div data-fill-with="at-risk"></div>
  <nav data-fill-with="table-of-contents" id="toc">
   <h2 class="no-num no-toc no-ref" id="contents">Table of Contents</h2>
   <ol class="toc" role="directory">
    <li>
     <a href="#intro"><span class="secno">1</span> <span class="content"> Introduction</span></a>
     <ol class="toc">
      <li><a href="#values"><span class="secno">1.1</span> <span class="content"> Value Definitions</span></a>
     </ol>
    <li><a href="#contain-property"><span class="secno">2</span> <span class="content"> Strong Containment: the <span class="property">contain</span> property</span></a>
    <li>
     <a href="#containment-types"><span class="secno">3</span> <span class="content"> Types of Containment</span></a>
     <ol class="toc">
      <li><a href="#containment-size"><span class="secno">3.1</span> <span class="content"> Size Containment</span></a>
      <li><a href="#containment-layout"><span class="secno">3.2</span> <span class="content"> Layout Containment</span></a>
      <li><a href="#containment-paint"><span class="secno">3.3</span> <span class="content"> Paint Containment</span></a>
     </ol>
    <li><a href="#privacy"><span class="secno">4</span> <span class="content"> Privacy Considerations</span></a>
    <li><a href="#security"><span class="secno">5</span> <span class="content"> Security Considerations</span></a>
    <li>
     <a href="#changes"><span class="secno"></span> <span class="content">Appendix A. Changes</span></a>
     <ol class="toc">
      <li><a href="#2020-12-22-changes"><span class="secno"></span> <span class="content">Changes from the <span>Recommendation of 22 December 2020</span></span></a>
      <li><a href="#2019-11-21-changes"><span class="secno"></span> <span class="content">Changes from the <span>Recommendation of 21 November 2019</span></span></a>
      <li><a href="#2019-04-30-changes"><span class="secno"></span> <span class="content">Changes from the <span>Candidate Recommendation of 30 April 2019</span></span></a>
      <li><a href="#2018-11-08-changes"><span class="secno"></span> <span class="content">Changes from the <span>Candidate Recommendation of 08 November 2018</span></span></a>
      <li><a href="#2018-05-24-changes"><span class="secno"></span> <span class="content">Changes from the <span>Candidate Recommendation of 24 May 2018</span></span></a>
      <li><a href="#2017-08-08-changes"><span class="secno"></span> <span class="content">Changes from the <span>Candidate Recommendation of 8 August 2017</span></span></a>
      <li><a href="#2017-04-19-changes"><span class="secno"></span> <span class="content">Changes from the <span>Working Draft of 19 April 2017</span></span></a>
      <li><a href="#fpwd-changes"><span class="secno"></span> <span class="content">Changes from the <span>First Public Working Draft of 21 February 2017</span></span></a>
     </ol>
    <li>
     <a href="#w3c-conformance"><span class="secno"></span> <span class="content"> Conformance</span></a>
     <ol class="toc">
      <li><a href="#w3c-conventions"><span class="secno"></span> <span class="content"> Document conventions</span></a>
      <li><a href="#w3c-conformance-classes"><span class="secno"></span> <span class="content"> Conformance classes</span></a>
      <li>
       <a href="#w3c-partial"><span class="secno"></span> <span class="content"> Partial implementations</span></a>
       <ol class="toc">
        <li><a href="#w3c-conform-future-proofing"><span class="secno"></span> <span class="content"> Implementations of Unstable and Proprietary Features</span></a>
       </ol>
      <li><a href="#w3c-testing"><span class="secno"></span> <span class="content"> Non-experimental implementations</span></a>
     </ol>
    <li>
     <a href="#index"><span class="secno"></span> <span class="content">Index</span></a>
     <ol class="toc">
      <li><a href="#index-defined-here"><span class="secno"></span> <span class="content">Terms defined by this specification</span></a>
      <li><a href="#index-defined-elsewhere"><span class="secno"></span> <span class="content">Terms defined by reference</span></a>
     </ol>
    <li>
     <a href="#references"><span class="secno"></span> <span class="content">References</span></a>
     <ol class="toc">
      <li><a href="#normative"><span class="secno"></span> <span class="content">Normative References</span></a>
      <li><a href="#informative"><span class="secno"></span> <span class="content">Informative References</span></a>
     </ol>
    <li><a href="#property-index"><span class="secno"></span> <span class="content">Property Index</span></a>
   </ol>
  </nav>
  <main>
   <h2 class="heading settled" data-level="1" id="intro"><span class="secno">1. </span><span class="content"> Introduction</span><a class="self-link" href="#intro"></a></h2>
   <p>Efficiently rendering a website relies on the user agent being able to detect what parts of the page are being displayed,
	which parts might affect the currently-displayed section,
	and what can be ignored.</p>
   <p>There are various heuristics that can be used to guess when a given sub-tree is independent of the rest of the page in some manner,
	but they’re fragile,
	so innocuous changes to a page may inadvertently make it fail such heuristic tests,
	causing rendering to fall into a slow code path.
	There are also many things that would be good to isolate which are difficult or impossible to detect in a heuristic manner.</p>
   <p>To alleviate these problems
	and allow strong, predictable isolation of a subtree from the rest of the page,
	this specification defines a <a class="property css" data-link-type="property" href="#propdef-contain" id="ref-for-propdef-contain①">contain</a> property.</p>
   <h3 class="heading settled" data-level="1.1" id="values"><span class="secno">1.1. </span><span class="content"> Value Definitions</span><a class="self-link" href="#values"></a></h3>
   <p>This specification follows the <a href="https://www.w3.org/TR/CSS2/about.html#property-defs">CSS property definition conventions</a> from <a data-link-type="biblio" href="#biblio-css2">[CSS2]</a> using the <a href="https://www.w3.org/TR/css-values-3/#value-defs">value definition syntax</a> from <a data-link-type="biblio" href="#biblio-css-values-3">[CSS-VALUES-3]</a>.
	Value types not defined in this specification are defined in CSS Values &amp; Units <span>[CSS-VALUES-3]</span>.
	Combination with other CSS modules may expand the definitions of these value types.</p>
   <p>In addition to the property-specific values listed in their definitions,
	all properties defined in this specification
	also accept the <a data-link-type="dfn" href="https://drafts.csswg.org/css-values-4/#css-wide-keywords" id="ref-for-css-wide-keywords">CSS-wide keywords</a> as their property value.
	For readability they have not been repeated explicitly.</p>
   <h2 class="heading settled" data-level="2" id="contain-property"><span class="secno">2. </span><span class="content"> Strong Containment: the <a class="property css" data-link-type="property" href="#propdef-contain" id="ref-for-propdef-contain②">contain</a> property</span><a class="self-link" href="#contain-property"></a></h2>
   <div class="correction" id="c1">
     <span class="marker">Candidate Correction 1:</span> This makes a minor adjustment
		to the way the computed value of the <a class="property css" data-link-type="property" href="#propdef-contain" id="ref-for-propdef-contain③">contain</a> property is determined:
		the shortcut values (<a class="css" data-link-type="maybe" href="#valdef-contain-strict" id="ref-for-valdef-contain-strict">strict</a> and <a class="css" data-link-type="maybe" href="#valdef-contain-content" id="ref-for-valdef-contain-content">content</a>),
		instead of computing to themselves,
		compute to the corresponding keywords.
		Given that the effect is identical,
		this allows implementations not to store the precise syntax through which this was achieved.
		Also, thanks to the shortest-serialization principle,
		this makes this unimportant difference non observable via serialization.
    <details>
     <summary>This change has tests</summary>
      <a href="https://github.com/web-platform-tests/wpt/commit/98c4e2d52402156bfafcd1466985b5336f6c7240">Tests for this change</a> have been added to <abbr title="Web Platform Tests">WPT</abbr>.
			The results can be viewed at <a href="https://wpt.fyi/results/css/css-contain/parsing/contain-computed.html">wpt.fyi</a>
    </details>
   </div>
   <table class="def propdef" data-link-for-hint="contain">
    <tbody>
     <tr>
      <th>Name:
      <td><dfn class="dfn-paneled css" data-dfn-type="property" data-export id="propdef-contain">contain</dfn>
     <tr class="value">
      <th><a href="https://www.w3.org/TR/css-values/#value-defs">Value:</a>
      <td class="prod">none <a data-link-type="grammar" href="https://drafts.csswg.org/css-values-4/#comb-one" id="ref-for-comb-one">|</a> strict <span id="ref-for-comb-one①">|</span> content <span id="ref-for-comb-one②">|</span> [ size <a data-link-type="grammar" href="https://drafts.csswg.org/css-values-4/#comb-any" id="ref-for-comb-any">||</a> layout <span id="ref-for-comb-any①">||</span> paint ]
     <tr>
      <th><a href="https://www.w3.org/TR/css-cascade/#initial-values">Initial:</a>
      <td>none
     <tr>
      <th><a href="https://www.w3.org/TR/css-cascade/#applies-to">Applies to:</a>
      <td>See <a href="#contain-applies">below</a>
     <tr>
      <th><a href="https://www.w3.org/TR/css-cascade/#inherited-property">Inherited:</a>
      <td>no
     <tr>
      <th><a href="https://www.w3.org/TR/css-values/#percentages">Percentages:</a>
      <td>n/a
     <tr>
      <th><a href="https://www.w3.org/TR/css-cascade/#computed">Computed value:</a>
      <td>
       <del cite="#c1">specified keyword(s)</del>
       <ins cite="#c1">the keyword <a class="css" data-link-type="maybe" href="#valdef-contain-none" id="ref-for-valdef-contain-none">none</a> or one or more of <a class="css" data-link-type="maybe" href="#valdef-contain-size" id="ref-for-valdef-contain-size">size</a>, <a class="css" data-link-type="maybe" href="#valdef-contain-layout" id="ref-for-valdef-contain-layout">layout</a>, <a class="css" data-link-type="maybe" href="#valdef-contain-paint" id="ref-for-valdef-contain-paint">paint</a></ins>
     <tr>
      <th><a href="https://www.w3.org/TR/cssom/#serializing-css-values">Canonical order:</a>
      <td>per grammar
     <tr>
      <th><a href="https://www.w3.org/TR/web-animations/#animation-type">Animation type:</a>
      <td>not animatable
   </table>
   <details class="wpt-tests-block" dir="ltr" lang="en" open>
    <summary>Tests</summary>
    <ul class="wpt-tests-list">
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-animation-001.html" title="css/css-contain/contain-animation-001.html">contain-animation-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-animation-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-animation-001.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/inheritance.html" title="css/css-contain/inheritance.html">inheritance.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/inheritance.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/inheritance.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/parsing/contain-computed.html" title="css/css-contain/parsing/contain-computed.html">contain-computed.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/parsing/contain-computed.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/parsing/contain-computed.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/parsing/contain-invalid.html" title="css/css-contain/parsing/contain-invalid.html">contain-invalid.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/parsing/contain-invalid.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/parsing/contain-invalid.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/parsing/contain-valid.html" title="css/css-contain/parsing/contain-valid.html">contain-valid.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/parsing/contain-valid.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/parsing/contain-valid.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/parsing/contain-computed-children.html" title="css/css-contain/parsing/contain-computed-children.html">contain-computed-children.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/parsing/contain-computed-children.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/parsing/contain-computed-children.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-size-003.html" title="css/css-contain/contain-layout-size-003.html">contain-layout-size-003.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-size-003.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-size-003.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-size-001.html" title="css/css-contain/contain-paint-size-001.html">contain-paint-size-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-size-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-size-001.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-size-002.html" title="css/css-contain/contain-paint-size-002.html">contain-paint-size-002.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-size-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-size-002.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-size-003.html" title="css/css-contain/contain-paint-size-003.html">contain-paint-size-003.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-size-003.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-size-003.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-chrome-thcrash-001.html" title="css/css-contain/contain-chrome-thcrash-001.html">contain-chrome-thcrash-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-chrome-thcrash-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-chrome-thcrash-001.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-crash.html" title="css/css-contain/contain-crash.html">contain-crash.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-crash.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-crash.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-flexbox-outline.html" title="css/css-contain/contain-flexbox-outline.html">contain-flexbox-outline.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-flexbox-outline.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-flexbox-outline.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/crashtests/contain-nested-crash-001.html" title="css/css-contain/crashtests/contain-nested-crash-001.html">contain-nested-crash-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/crashtests/contain-nested-crash-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/crashtests/contain-nested-crash-001.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/crashtests/contain-nested-crash-002.html" title="css/css-contain/crashtests/contain-nested-crash-002.html">contain-nested-crash-002.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/crashtests/contain-nested-crash-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/crashtests/contain-nested-crash-002.html"><small>(source)</small></a>
    </ul>
   </details>
   <p class="all-media">User agents are expected to support this property on all media, including non-visual ones.</p>
   <p>The <a class="property css" data-link-type="property" href="#propdef-contain" id="ref-for-propdef-contain④">contain</a> property allows an author to indicate that an element and its contents are,
	as much as possible, <em>independent</em> of the rest of the document tree.
	This allows user agents to utilize much stronger optimizations when rendering a page using <span class="property" id="ref-for-propdef-contain⑤">contain</span> properly,
	and allows authors to be confident that their page won’t accidentally fall into a slow code path
	due to an innocuous change.</p>
   <dl>
    <dt><dfn class="dfn-paneled css" data-dfn-for="contain" data-dfn-type="value" data-export id="valdef-contain-none">none</dfn>
    <dd> This value indicates that the property has no effect.
			The element renders as normal,
			with no containment effects applied.
    <dt><dfn class="dfn-paneled css" data-dfn-for="contain" data-dfn-type="value" data-export id="valdef-contain-strict">strict</dfn>
    <dd>
      This value
     <ins cite="#c1">computes to <span class="css">size layout paint</span>,
			and thus </ins>
     turns on all forms of <a data-link-type="dfn" href="#containment" id="ref-for-containment">containment</a> for the element.
     <del cite="#c1">In other words, it behaves the same as <a class="css" data-link-type="propdesc" href="#propdef-contain" id="ref-for-propdef-contain⑥">contain: size layout paint;</a>.</del>
     .
     <details class="wpt-tests-block" dir="ltr" lang="en" open>
      <summary>Tests</summary>
      <ul class="wpt-tests-list">
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-strict-001.html" title="css/css-contain/contain-strict-001.html">contain-strict-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-strict-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-strict-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-strict-002.html" title="css/css-contain/contain-strict-002.html">contain-strict-002.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-strict-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-strict-002.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-strict-003.html" title="css/css-contain/contain-strict-003.html">contain-strict-003.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-strict-003.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-strict-003.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-flexbox-outline.html" title="css/css-contain/contain-flexbox-outline.html">contain-flexbox-outline.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-flexbox-outline.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-flexbox-outline.html"><small>(source)</small></a>
      </ul>
     </details>
    <dt><dfn class="dfn-paneled css" data-dfn-for="contain" data-dfn-type="value" data-export id="valdef-contain-content">content</dfn>
    <dd>
      This value
     <ins cite="#c1">computes to <span class="css">layout paint</span>,
			and thus </ins>
     turns on all forms of <a data-link-type="dfn" href="#containment" id="ref-for-containment①">containment</a> <em>except</em> <a data-link-type="dfn" href="#size-containment" id="ref-for-size-containment">size containment</a> for the element.
     <del cite="#c1">In other words, it behaves the same as <a class="css" data-link-type="propdesc" href="#propdef-contain" id="ref-for-propdef-contain⑦">contain: layout paint;</a>.</del>
     .
     <details class="wpt-tests-block" dir="ltr" lang="en" open>
      <summary>Tests</summary>
      <ul class="wpt-tests-list">
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-content-001.html" title="css/css-contain/contain-content-001.html">contain-content-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-content-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-content-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-content-002.html" title="css/css-contain/contain-content-002.html">contain-content-002.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-content-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-content-002.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-content-003.html" title="css/css-contain/contain-content-003.html">contain-content-003.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-content-003.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-content-003.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-content-004.html" title="css/css-contain/contain-content-004.html">contain-content-004.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-content-004.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-content-004.html"><small>(source)</small></a>
      </ul>
     </details>
     <p class="note" role="note"><span>Note:</span> <a class="css" data-link-type="propdesc" href="#propdef-contain" id="ref-for-propdef-contain⑧">contain: content</a> is reasonably "safe" to apply widely;
			its effects are fairly minor in practice,
			and most content won’t run afoul of its restrictions.
			However, because it doesn’t apply <a data-link-type="dfn" href="#size-containment" id="ref-for-size-containment①">size containment</a>,
			the element can still respond to the size of its contents,
			which can cause layout-invalidation to percolate further up the tree than desired.
			Use <span class="css" id="ref-for-propdef-contain⑨">contain: strict</span> when possible,
			to gain as much containment as you can.</p>
    <dt><dfn class="dfn-paneled css" data-dfn-for="contain" data-dfn-type="value" data-export id="valdef-contain-size">size</dfn>
    <dd>
      The value turns on <a data-link-type="dfn" href="#size-containment" id="ref-for-size-containment②">size containment</a> for the element.
			This ensures that the <a data-link-type="dfn" href="#size-containment-box" id="ref-for-size-containment-box">containment box</a> can be laid out
			without needing to examine its descendants.
     <details class="wpt-tests-block" dir="ltr" lang="en" open>
      <summary>Tests</summary>
      <ul class="wpt-tests-list">
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-001.html" title="css/css-contain/contain-size-001.html">contain-size-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-002.html" title="css/css-contain/contain-size-002.html">contain-size-002.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-002.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-003.html" title="css/css-contain/contain-size-003.html">contain-size-003.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-003.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-003.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-004.html" title="css/css-contain/contain-size-004.html">contain-size-004.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-004.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-004.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-005.html" title="css/css-contain/contain-size-005.html">contain-size-005.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-005.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-005.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-006.html" title="css/css-contain/contain-size-006.html">contain-size-006.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-006.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-006.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-007.html" title="css/css-contain/contain-size-007.html">contain-size-007.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-007.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-007.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-008.html" title="css/css-contain/contain-size-008.html">contain-size-008.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-008.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-008.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-009.html" title="css/css-contain/contain-size-009.html">contain-size-009.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-009.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-009.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-010.html" title="css/css-contain/contain-size-010.html">contain-size-010.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-010.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-010.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-011.html" title="css/css-contain/contain-size-011.html">contain-size-011.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-011.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-011.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-012.html" title="css/css-contain/contain-size-012.html">contain-size-012.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-012.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-012.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-012b.html" title="css/css-contain/contain-size-012b.html">contain-size-012b.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-012b.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-012b.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-013.html" title="css/css-contain/contain-size-013.html">contain-size-013.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-013.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-013.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-021.html" title="css/css-contain/contain-size-021.html">contain-size-021.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-021.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-021.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-023.html" title="css/css-contain/contain-size-023.html">contain-size-023.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-023.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-023.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-025.html" title="css/css-contain/contain-size-025.html">contain-size-025.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-025.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-025.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-027.html" title="css/css-contain/contain-size-027.html">contain-size-027.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-027.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-027.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-041.html" title="css/css-contain/contain-size-041.html">contain-size-041.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-041.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-041.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-042.html" title="css/css-contain/contain-size-042.html">contain-size-042.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-042.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-042.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-051.html" title="css/css-contain/contain-size-051.html">contain-size-051.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-051.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-051.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-052.html" title="css/css-contain/contain-size-052.html">contain-size-052.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-052.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-052.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-056.html" title="css/css-contain/contain-size-056.html">contain-size-056.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-056.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-056.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-061.html" title="css/css-contain/contain-size-061.html">contain-size-061.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-061.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-061.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-062.html" title="css/css-contain/contain-size-062.html">contain-size-062.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-062.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-062.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-063.html" title="css/css-contain/contain-size-063.html">contain-size-063.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-063.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-063.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-baseline-001.html" title="css/css-contain/contain-size-baseline-001.html">contain-size-baseline-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-baseline-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-baseline-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-borders.html" title="css/css-contain/contain-size-borders.html">contain-size-borders.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-borders.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-borders.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-breaks-001.html" title="css/css-contain/contain-size-breaks-001.html">contain-size-breaks-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-breaks-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-breaks-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-button-001.html" title="css/css-contain/contain-size-button-001.html">contain-size-button-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-button-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-button-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-fieldset-001.html" title="css/css-contain/contain-size-fieldset-001.html">contain-size-fieldset-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-fieldset-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-fieldset-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-fieldset-002.html" title="css/css-contain/contain-size-fieldset-002.html">contain-size-fieldset-002.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-fieldset-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-fieldset-002.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-flexbox-001.html" title="css/css-contain/contain-size-flexbox-001.html">contain-size-flexbox-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-flexbox-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-flexbox-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-flexbox-002.html" title="css/css-contain/contain-size-flexbox-002.html">contain-size-flexbox-002.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-flexbox-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-flexbox-002.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-grid-001.html" title="css/css-contain/contain-size-grid-001.html">contain-size-grid-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-grid-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-grid-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-grid-002.html" title="css/css-contain/contain-size-grid-002.html">contain-size-grid-002.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-grid-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-grid-002.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-grid-003.html" title="css/css-contain/contain-size-grid-003.html">contain-size-grid-003.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-grid-003.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-grid-003.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-grid-004.html" title="css/css-contain/contain-size-grid-004.html">contain-size-grid-004.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-grid-004.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-grid-004.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-monolithic-001.html" title="css/css-contain/contain-size-monolithic-001.html">contain-size-monolithic-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-monolithic-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-monolithic-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-monolithic-002.html" title="css/css-contain/contain-size-monolithic-002.html">contain-size-monolithic-002.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-monolithic-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-monolithic-002.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-multicol-001.html" title="css/css-contain/contain-size-multicol-001.html">contain-size-multicol-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-multicol-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-multicol-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-multicol-as-flex-item.html" title="css/css-contain/contain-size-multicol-as-flex-item.html">contain-size-multicol-as-flex-item.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-multicol-as-flex-item.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-multicol-as-flex-item.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-replaced-001.html" title="css/css-contain/contain-size-replaced-001.html">contain-size-replaced-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-replaced-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-replaced-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-replaced-002.html" title="css/css-contain/contain-size-replaced-002.html">contain-size-replaced-002.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-replaced-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-replaced-002.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-replaced-003a.html" title="css/css-contain/contain-size-replaced-003a.html">contain-size-replaced-003a.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-replaced-003a.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-replaced-003a.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-replaced-003b.html" title="css/css-contain/contain-size-replaced-003b.html">contain-size-replaced-003b.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-replaced-003b.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-replaced-003b.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-replaced-003c.html" title="css/css-contain/contain-size-replaced-003c.html">contain-size-replaced-003c.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-replaced-003c.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-replaced-003c.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-replaced-004.html" title="css/css-contain/contain-size-replaced-004.html">contain-size-replaced-004.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-replaced-004.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-replaced-004.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-replaced-005.html" title="css/css-contain/contain-size-replaced-005.html">contain-size-replaced-005.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-replaced-005.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-replaced-005.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-replaced-006.html" title="css/css-contain/contain-size-replaced-006.html">contain-size-replaced-006.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-replaced-006.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-replaced-006.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-replaced-007.html" title="css/css-contain/contain-size-replaced-007.html">contain-size-replaced-007.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-replaced-007.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-replaced-007.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-select-001.html" title="css/css-contain/contain-size-select-001.html">contain-size-select-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-select-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-select-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-select-002.html" title="css/css-contain/contain-size-select-002.html">contain-size-select-002.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-select-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-select-002.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-scrollbars-001.html" title="css/css-contain/contain-size-scrollbars-001.html">contain-size-scrollbars-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-scrollbars-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-scrollbars-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-scrollbars-002.html" title="css/css-contain/contain-size-scrollbars-002.html">contain-size-scrollbars-002.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-scrollbars-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-scrollbars-002.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-scrollbars-003.html" title="css/css-contain/contain-size-scrollbars-003.html">contain-size-scrollbars-003.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-scrollbars-003.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-scrollbars-003.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-scrollbars-004.html" title="css/css-contain/contain-size-scrollbars-004.html">contain-size-scrollbars-004.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-scrollbars-004.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-scrollbars-004.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-size-003.html" title="css/css-contain/contain-layout-size-003.html">contain-layout-size-003.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-size-003.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-size-003.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-size-001.html" title="css/css-contain/contain-paint-size-001.html">contain-paint-size-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-size-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-size-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-size-002.html" title="css/css-contain/contain-paint-size-002.html">contain-paint-size-002.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-size-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-size-002.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-size-003.html" title="css/css-contain/contain-paint-size-003.html">contain-paint-size-003.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-size-003.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-size-003.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-removed.html" title="css/css-contain/contain-size-removed.html">contain-size-removed.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-removed.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-removed.html"><small>(source)</small></a>
      </ul>
     </details>
    <dt><dfn class="dfn-paneled css" data-dfn-for="contain" data-dfn-type="value" data-export id="valdef-contain-layout">layout</dfn>
    <dd>
      This value turns on <a data-link-type="dfn" href="#layout-containment" id="ref-for-layout-containment">layout containment</a> for the element.
			This ensures that the <a data-link-type="dfn" href="#layout-containment-box" id="ref-for-layout-containment-box">containment box</a> is <em>totally opaque</em> for layout purposes;
			nothing outside can affect its internal layout,
			and vice versa.
     <details class="wpt-tests-block" dir="ltr" lang="en" open>
      <summary>Tests</summary>
      <ul class="wpt-tests-list">
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-001.html" title="css/css-contain/contain-layout-001.html">contain-layout-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-002.html" title="css/css-contain/contain-layout-002.html">contain-layout-002.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-002.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-003.html" title="css/css-contain/contain-layout-003.html">contain-layout-003.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-003.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-003.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-004.html" title="css/css-contain/contain-layout-004.html">contain-layout-004.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-004.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-004.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-005.html" title="css/css-contain/contain-layout-005.html">contain-layout-005.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-005.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-005.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-006.html" title="css/css-contain/contain-layout-006.html">contain-layout-006.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-006.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-006.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-007.html" title="css/css-contain/contain-layout-007.html">contain-layout-007.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-007.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-007.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-009.html" title="css/css-contain/contain-layout-009.html">contain-layout-009.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-009.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-009.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-010.html" title="css/css-contain/contain-layout-010.html">contain-layout-010.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-010.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-010.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-011.html" title="css/css-contain/contain-layout-011.html">contain-layout-011.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-011.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-011.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-012.html" title="css/css-contain/contain-layout-012.html">contain-layout-012.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-012.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-012.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-013.html" title="css/css-contain/contain-layout-013.html">contain-layout-013.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-013.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-013.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-014.html" title="css/css-contain/contain-layout-014.html">contain-layout-014.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-014.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-014.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-016.html" title="css/css-contain/contain-layout-016.html">contain-layout-016.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-016.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-016.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-017.html" title="css/css-contain/contain-layout-017.html">contain-layout-017.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-017.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-017.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-018.html" title="css/css-contain/contain-layout-018.html">contain-layout-018.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-018.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-018.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-019.html" title="css/css-contain/contain-layout-019.html">contain-layout-019.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-019.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-019.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-020.html" title="css/css-contain/contain-layout-020.html">contain-layout-020.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-020.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-020.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-021.html" title="css/css-contain/contain-layout-021.html">contain-layout-021.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-021.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-021.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-baseline-001.html" title="css/css-contain/contain-layout-baseline-001.html">contain-layout-baseline-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-baseline-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-baseline-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-baseline-002.html" title="css/css-contain/contain-layout-baseline-002.html">contain-layout-baseline-002.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-baseline-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-baseline-002.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-baseline-003.html" title="css/css-contain/contain-layout-baseline-003.html">contain-layout-baseline-003.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-baseline-003.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-baseline-003.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-baseline-004.html" title="css/css-contain/contain-layout-baseline-004.html">contain-layout-baseline-004.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-baseline-004.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-baseline-004.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-baseline-005.html" title="css/css-contain/contain-layout-baseline-005.html">contain-layout-baseline-005.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-baseline-005.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-baseline-005.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-breaks-001.html" title="css/css-contain/contain-layout-breaks-001.html">contain-layout-breaks-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-breaks-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-breaks-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-breaks-002.html" title="css/css-contain/contain-layout-breaks-002.html">contain-layout-breaks-002.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-breaks-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-breaks-002.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-button-001.html" title="css/css-contain/contain-layout-button-001.html">contain-layout-button-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-button-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-button-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-cell-001.html" title="css/css-contain/contain-layout-cell-001.html">contain-layout-cell-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-cell-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-cell-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-cell-002.html" title="css/css-contain/contain-layout-cell-002.html">contain-layout-cell-002.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-cell-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-cell-002.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-flexbox-001.html" title="css/css-contain/contain-layout-flexbox-001.html">contain-layout-flexbox-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-flexbox-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-flexbox-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-grid-001.html" title="css/css-contain/contain-layout-grid-001.html">contain-layout-grid-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-grid-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-grid-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-ifc-022.html" title="css/css-contain/contain-layout-ifc-022.html">contain-layout-ifc-022.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-ifc-022.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-ifc-022.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-independent-formatting-context-001.html" title="css/css-contain/contain-layout-independent-formatting-context-001.html">contain-layout-independent-formatting-context-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-independent-formatting-context-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-independent-formatting-context-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-independent-formatting-context-002.html" title="css/css-contain/contain-layout-independent-formatting-context-002.html">contain-layout-independent-formatting-context-002.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-independent-formatting-context-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-independent-formatting-context-002.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-independent-formatting-context-003.html" title="css/css-contain/contain-layout-independent-formatting-context-003.html">contain-layout-independent-formatting-context-003.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-independent-formatting-context-003.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-independent-formatting-context-003.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-ink-overflow-013.html" title="css/css-contain/contain-layout-ink-overflow-013.html">contain-layout-ink-overflow-013.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-ink-overflow-013.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-ink-overflow-013.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-ink-overflow-014.html" title="css/css-contain/contain-layout-ink-overflow-014.html">contain-layout-ink-overflow-014.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-ink-overflow-014.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-ink-overflow-014.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-ink-overflow-015.html" title="css/css-contain/contain-layout-ink-overflow-015.html">contain-layout-ink-overflow-015.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-ink-overflow-015.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-ink-overflow-015.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-ink-overflow-016.html" title="css/css-contain/contain-layout-ink-overflow-016.html">contain-layout-ink-overflow-016.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-ink-overflow-016.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-ink-overflow-016.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-ink-overflow-017.html" title="css/css-contain/contain-layout-ink-overflow-017.html">contain-layout-ink-overflow-017.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-ink-overflow-017.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-ink-overflow-017.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-ink-overflow-018.html" title="css/css-contain/contain-layout-ink-overflow-018.html">contain-layout-ink-overflow-018.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-ink-overflow-018.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-ink-overflow-018.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-ink-overflow-019.html" title="css/css-contain/contain-layout-ink-overflow-019.html">contain-layout-ink-overflow-019.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-ink-overflow-019.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-ink-overflow-019.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-ink-overflow-020.html" title="css/css-contain/contain-layout-ink-overflow-020.html">contain-layout-ink-overflow-020.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-ink-overflow-020.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-ink-overflow-020.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-size-003.html" title="css/css-contain/contain-layout-size-003.html">contain-layout-size-003.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-size-003.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-size-003.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-subgrid-001.html" title="css/css-contain/contain-subgrid-001.html">contain-subgrid-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-subgrid-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-subgrid-001.html"><small>(source)</small></a>
      </ul>
     </details>
    <dt><dfn class="dfn-paneled css" data-dfn-for="contain" data-dfn-type="value" data-export id="valdef-contain-paint">paint</dfn>
    <dd>
      This value turns on <a data-link-type="dfn" href="#paint-containment" id="ref-for-paint-containment">paint containment</a> for the element.
			This ensures that the descendants of the <a data-link-type="dfn" href="#paint-containment-box" id="ref-for-paint-containment-box">containment box</a> don’t display outside its bounds,
			so if an element is off-screen or otherwise not visible,
			its descendants are also guaranteed to be not visible.
     <details class="wpt-tests-block" dir="ltr" lang="en" open>
      <summary>Tests</summary>
      <ul class="wpt-tests-list">
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-001.html" title="css/css-contain/contain-paint-001.html">contain-paint-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-002.html" title="css/css-contain/contain-paint-002.html">contain-paint-002.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-002.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-004.html" title="css/css-contain/contain-paint-004.html">contain-paint-004.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-004.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-004.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-005.html" title="css/css-contain/contain-paint-005.html">contain-paint-005.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-005.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-005.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-006.html" title="css/css-contain/contain-paint-006.html">contain-paint-006.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-006.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-006.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-007.html" title="css/css-contain/contain-paint-007.html">contain-paint-007.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-007.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-007.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-008.html" title="css/css-contain/contain-paint-008.html">contain-paint-008.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-008.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-008.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-009.html" title="css/css-contain/contain-paint-009.html">contain-paint-009.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-009.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-009.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-010.html" title="css/css-contain/contain-paint-010.html">contain-paint-010.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-010.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-010.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-011.html" title="css/css-contain/contain-paint-011.html">contain-paint-011.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-011.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-011.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-012.html" title="css/css-contain/contain-paint-012.html">contain-paint-012.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-012.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-012.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-014.html" title="css/css-contain/contain-paint-014.html">contain-paint-014.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-014.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-014.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-015.html" title="css/css-contain/contain-paint-015.html">contain-paint-015.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-015.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-015.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-016.html" title="css/css-contain/contain-paint-016.html">contain-paint-016.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-016.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-016.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-017.html" title="css/css-contain/contain-paint-017.html">contain-paint-017.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-017.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-017.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-018.html" title="css/css-contain/contain-paint-018.html">contain-paint-018.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-018.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-018.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-019.html" title="css/css-contain/contain-paint-019.html">contain-paint-019.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-019.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-019.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-020.html" title="css/css-contain/contain-paint-020.html">contain-paint-020.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-020.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-020.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-021.html" title="css/css-contain/contain-paint-021.html">contain-paint-021.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-021.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-021.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-022.html" title="css/css-contain/contain-paint-022.html">contain-paint-022.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-022.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-022.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-023.html" title="css/css-contain/contain-paint-023.html">contain-paint-023.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-023.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-023.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-024.html" title="css/css-contain/contain-paint-024.html">contain-paint-024.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-024.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-024.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-025.html" title="css/css-contain/contain-paint-025.html">contain-paint-025.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-025.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-025.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-047.html" title="css/css-contain/contain-paint-047.html">contain-paint-047.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-047.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-047.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-048.html" title="css/css-contain/contain-paint-048.html">contain-paint-048.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-048.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-048.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-baseline-001.html" title="css/css-contain/contain-paint-baseline-001.html">contain-paint-baseline-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-baseline-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-baseline-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-cell-001.html" title="css/css-contain/contain-paint-cell-001.html">contain-paint-cell-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-cell-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-cell-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-cell-002.html" title="css/css-contain/contain-paint-cell-002.html">contain-paint-cell-002.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-cell-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-cell-002.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-clip-011.html" title="css/css-contain/contain-paint-clip-011.html">contain-paint-clip-011.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-clip-011.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-clip-011.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-clip-012.html" title="css/css-contain/contain-paint-clip-012.html">contain-paint-clip-012.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-clip-012.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-clip-012.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-clip-013.html" title="css/css-contain/contain-paint-clip-013.html">contain-paint-clip-013.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-clip-013.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-clip-013.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-clip-014.html" title="css/css-contain/contain-paint-clip-014.html">contain-paint-clip-014.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-clip-014.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-clip-014.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-clip-015.html" title="css/css-contain/contain-paint-clip-015.html">contain-paint-clip-015.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-clip-015.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-clip-015.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-clip-016.html" title="css/css-contain/contain-paint-clip-016.html">contain-paint-clip-016.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-clip-016.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-clip-016.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-clip-017.html" title="css/css-contain/contain-paint-clip-017.html">contain-paint-clip-017.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-clip-017.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-clip-017.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-clip-018.html" title="css/css-contain/contain-paint-clip-018.html">contain-paint-clip-018.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-clip-018.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-clip-018.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-clip-019.html" title="css/css-contain/contain-paint-clip-019.html">contain-paint-clip-019.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-clip-019.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-clip-019.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-ifc-011.html" title="css/css-contain/contain-paint-ifc-011.html">contain-paint-ifc-011.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-ifc-011.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-ifc-011.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-independent-formatting-context-001.html" title="css/css-contain/contain-paint-independent-formatting-context-001.html">contain-paint-independent-formatting-context-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-independent-formatting-context-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-independent-formatting-context-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-independent-formatting-context-002.html" title="css/css-contain/contain-paint-independent-formatting-context-002.html">contain-paint-independent-formatting-context-002.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-independent-formatting-context-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-independent-formatting-context-002.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-independent-formatting-context-003.html" title="css/css-contain/contain-paint-independent-formatting-context-003.html">contain-paint-independent-formatting-context-003.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-independent-formatting-context-003.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-independent-formatting-context-003.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-size-001.html" title="css/css-contain/contain-paint-size-001.html">contain-paint-size-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-size-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-size-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-size-002.html" title="css/css-contain/contain-paint-size-002.html">contain-paint-size-002.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-size-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-size-002.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-size-003.html" title="css/css-contain/contain-paint-size-003.html">contain-paint-size-003.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-size-003.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-size-003.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-table-001.html" title="css/css-contain/contain-paint-table-001.html">contain-paint-table-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-table-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-table-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-table-002.html" title="css/css-contain/contain-paint-table-002.html">contain-paint-table-002.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-table-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-table-002.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-subgrid-001.html" title="css/css-contain/contain-subgrid-001.html">contain-subgrid-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-subgrid-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-subgrid-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-change-opacity.html" title="css/css-contain/contain-paint-change-opacity.html">contain-paint-change-opacity.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-change-opacity.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-change-opacity.html"><small>(source)</small></a>
      </ul>
     </details>
   </dl>
   <p><span id="contain-applies">This property generally applies to all elements (including <a href="https://www.w3.org/TR/css-pseudo-4/#generated-content"><cite>CSS Pseudo-Elements 4</cite> § 4.1 Generated Content Pseudo-elements: ::before and ::after</a>)</span>,
	although some types of containment have no effect on some elements,
	as detailed in <a href="#containment-types">§ 3 Types of Containment</a>.
	In addition, in the case of <a data-link-type="biblio" href="#biblio-svg2">[SVG2]</a>,
	the <a class="property css" data-link-type="property" href="#propdef-contain" id="ref-for-propdef-contain①⓪">contain</a> property only applies to <code><a data-link-type="element" href="https://svgwg.org/svg2-draft/struct.html#elementdef-svg" id="ref-for-elementdef-svg">svg</a></code> elements that have an associated CSS layout box.</p>
   <div class="example" id="example-ace3db03">
    <a class="self-link" href="#example-ace3db03"></a> <a class="property css" data-link-type="property" href="#propdef-contain" id="ref-for-propdef-contain①①">contain</a> is useful when used widely on a page,
		particularly when a page contains a lot of "widgets" which are all independent.
    <p>For example, assume a micropost social network had markup something like this:</p>
<pre><code class="highlight"><c- p>&lt;</c-><c- f>body</c-><c- p>></c->
  <c- p>&lt;</c-><c- f>aside</c-><c- p>></c->...<c- p>&lt;/</c-><c- f>aside</c-><c- p>></c->
  <c- p>&lt;</c-><c- f>section</c-><c- p>></c->
    <c- p>&lt;</c-><c- f>h2</c-><c- p>></c->Messages<c- p>&lt;/</c-><c- f>h2</c-><c- p>></c->
    <c- p>&lt;</c-><c- f>article</c-><c- p>></c->
      Lol, check out this dog: images.example.com/jsK3jkl
    <c- p>&lt;/</c-><c- f>article</c-><c- p>></c->
    <c- p>&lt;</c-><c- f>article</c-><c- p>></c->
      I had a ham sandwich today. #goodtimes
    <c- p>&lt;/</c-><c- f>article</c-><c- p>></c->
    <c- p>&lt;</c-><c- f>article</c-><c- p>></c->
      I have political opinions that you need to hear!
    <c- p>&lt;/</c-><c- f>article</c-><c- p>></c->
    …
  <c- p>&lt;/</c-><c- f>section</c-><c- p>></c->
<c- p>&lt;/</c-><c- f>body</c-><c- p>></c->
</code></pre>
    <p>There are probably a <em>lot</em> of messages displayed on the site,
		but each is independent and won’t affect anything else on the site.
		As such, each can be marked with <a class="css" data-link-type="propdesc" href="#propdef-contain" id="ref-for-propdef-contain①②">contain: content</a> to communicate this to the user agent,
		so it can optimize the page and skip a lot of computation for messages that are off-screen.
		If the size of each message is known ahead of time, <span class="css" id="ref-for-propdef-contain①③">contain: strict</span> can be applied to communicate further restrictions.</p>
   </div>
   <div class="correction" id="c3">
     <span class="marker">Candidate Correction 3:</span> The CSS Working Group had forgotten to consider the effects of containment
		on the HTML <code><a data-link-type="element" href="https://html.spec.whatwg.org/multipage/semantics.html#the-html-element" id="ref-for-the-html-element">html</a></code> and <code><a data-link-type="element" href="https://html.spec.whatwg.org/multipage/sections.html#the-body-element" id="ref-for-the-body-element">body</a></code> elements,
		particularly in consideration of the fact that
		for legacy reasons,
		some properties can propagate outwards from the <code><a data-link-type="element" href="https://html.spec.whatwg.org/multipage/sections.html#the-body-element" id="ref-for-the-body-element①">body</a></code> element.
		This proposed text addresses this oversight.
    <blockquote>
      Additionally, when the <a data-link-type="dfn" href="https://drafts.csswg.org/css-cascade-5/#used-value" id="ref-for-used-value">used value</a> of the <a class="property css" data-link-type="property" href="#propdef-contain" id="ref-for-propdef-contain①④">contain</a> property
	on either the HTML <code><a data-link-type="element" href="https://html.spec.whatwg.org/multipage/semantics.html#the-html-element" id="ref-for-the-html-element①">html</a></code> or <code><a data-link-type="element" href="https://html.spec.whatwg.org/multipage/sections.html#the-body-element" id="ref-for-the-body-element②">body</a></code> elements
	is anything other than <a class="css" data-link-type="maybe" href="#valdef-contain-none" id="ref-for-valdef-contain-none①">none</a>,
	propagation of properties
	from the <code><a data-link-type="element" href="https://html.spec.whatwg.org/multipage/sections.html#the-body-element" id="ref-for-the-body-element③">body</a></code> element
	to the <a data-link-type="dfn" href="https://drafts.csswg.org/css-display-3/#initial-containing-block" id="ref-for-initial-containing-block">initial containing block</a>, the viewport, or the <a data-link-type="dfn" href="https://drafts.csswg.org/css-backgrounds-3/#canvas-background" id="ref-for-canvas-background">canvas background</a>,
	is disabled.
	Notably, this affects:
     <ul>
      <li data-md>
       <p><a class="property css" data-link-type="property" href="https://drafts.csswg.org/css-writing-modes-4/#propdef-writing-mode" id="ref-for-propdef-writing-mode">writing-mode</a>, <a class="property css" data-link-type="property" href="https://drafts.csswg.org/css-writing-modes-3/#propdef-direction" id="ref-for-propdef-direction">direction</a>, and <a class="property css" data-link-type="property" href="https://drafts.csswg.org/css-writing-modes-4/#propdef-text-orientation" id="ref-for-propdef-text-orientation">text-orientation</a> (see <a href="https://www.w3.org/TR/css-writing-modes-3/#principal-flow"><cite>CSS Writing Modes 3</cite> § 8 The Principal Writing Mode</a>)</p>
      <li data-md>
       <p><a class="property css" data-link-type="property" href="https://drafts.csswg.org/css-overflow-3/#propdef-overflow" id="ref-for-propdef-overflow">overflow</a> and its longhands (see <a href="https://www.w3.org/TR/css-overflow-3/#overflow-propagation"><cite>CSS Overflow 3</cite> § 3.5 Overflow Viewport Propagation</a>)</p>
      <li data-md>
       <p><a class="property css" data-link-type="property" href="https://drafts.csswg.org/css-backgrounds-3/#propdef-background" id="ref-for-propdef-background">background</a> and its longhands (see <a href="https://www.w3.org/TR/css-backgrounds-3/#body-background"><cite>CSS Backgrounds 3</cite> § 2.11.2 The Canvas Background and the HTML &lt;body> Element</a>)</p>
     </ul>
     <details class="wpt-tests-block" dir="ltr" lang="en" open>
      <summary>Tests</summary>
      <ul class="wpt-tests-list">
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-body-bg-001.html" title="css/css-contain/contain-body-bg-001.html">contain-body-bg-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-body-bg-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-body-bg-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-body-bg-002.html" title="css/css-contain/contain-body-bg-002.html">contain-body-bg-002.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-body-bg-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-body-bg-002.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-body-bg-003.html" title="css/css-contain/contain-body-bg-003.html">contain-body-bg-003.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-body-bg-003.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-body-bg-003.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-body-bg-004.html" title="css/css-contain/contain-body-bg-004.html">contain-body-bg-004.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-body-bg-004.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-body-bg-004.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-body-dir-001.html" title="css/css-contain/contain-body-dir-001.html">contain-body-dir-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-body-dir-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-body-dir-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-body-dir-002.html" title="css/css-contain/contain-body-dir-002.html">contain-body-dir-002.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-body-dir-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-body-dir-002.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-body-dir-003.html" title="css/css-contain/contain-body-dir-003.html">contain-body-dir-003.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-body-dir-003.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-body-dir-003.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-body-dir-004.html" title="css/css-contain/contain-body-dir-004.html">contain-body-dir-004.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-body-dir-004.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-body-dir-004.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-body-overflow-001.html" title="css/css-contain/contain-body-overflow-001.html">contain-body-overflow-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-body-overflow-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-body-overflow-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-body-overflow-002.html" title="css/css-contain/contain-body-overflow-002.html">contain-body-overflow-002.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-body-overflow-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-body-overflow-002.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-body-overflow-003.html" title="css/css-contain/contain-body-overflow-003.html">contain-body-overflow-003.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-body-overflow-003.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-body-overflow-003.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-body-overflow-004.html" title="css/css-contain/contain-body-overflow-004.html">contain-body-overflow-004.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-body-overflow-004.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-body-overflow-004.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-body-t-o-001.html" title="css/css-contain/contain-body-t-o-001.html">contain-body-t-o-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-body-t-o-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-body-t-o-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-body-t-o-002.html" title="css/css-contain/contain-body-t-o-002.html">contain-body-t-o-002.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-body-t-o-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-body-t-o-002.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-body-t-o-003.html" title="css/css-contain/contain-body-t-o-003.html">contain-body-t-o-003.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-body-t-o-003.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-body-t-o-003.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-body-t-o-004.html" title="css/css-contain/contain-body-t-o-004.html">contain-body-t-o-004.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-body-t-o-004.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-body-t-o-004.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-body-w-m-001.html" title="css/css-contain/contain-body-w-m-001.html">contain-body-w-m-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-body-w-m-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-body-w-m-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-body-w-m-002.html" title="css/css-contain/contain-body-w-m-002.html">contain-body-w-m-002.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-body-w-m-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-body-w-m-002.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-body-w-m-003.html" title="css/css-contain/contain-body-w-m-003.html">contain-body-w-m-003.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-body-w-m-003.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-body-w-m-003.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-body-w-m-004.html" title="css/css-contain/contain-body-w-m-004.html">contain-body-w-m-004.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-body-w-m-004.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-body-w-m-004.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-html-bg-001.html" title="css/css-contain/contain-html-bg-001.html">contain-html-bg-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-html-bg-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-html-bg-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-html-bg-002.html" title="css/css-contain/contain-html-bg-002.html">contain-html-bg-002.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-html-bg-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-html-bg-002.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-html-bg-003.html" title="css/css-contain/contain-html-bg-003.html">contain-html-bg-003.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-html-bg-003.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-html-bg-003.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-html-bg-004.html" title="css/css-contain/contain-html-bg-004.html">contain-html-bg-004.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-html-bg-004.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-html-bg-004.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-html-dir-001.html" title="css/css-contain/contain-html-dir-001.html">contain-html-dir-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-html-dir-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-html-dir-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-html-dir-002.html" title="css/css-contain/contain-html-dir-002.html">contain-html-dir-002.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-html-dir-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-html-dir-002.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-html-dir-003.html" title="css/css-contain/contain-html-dir-003.html">contain-html-dir-003.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-html-dir-003.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-html-dir-003.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-html-dir-004.html" title="css/css-contain/contain-html-dir-004.html">contain-html-dir-004.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-html-dir-004.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-html-dir-004.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-html-overflow-001.html" title="css/css-contain/contain-html-overflow-001.html">contain-html-overflow-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-html-overflow-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-html-overflow-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-html-overflow-002.html" title="css/css-contain/contain-html-overflow-002.html">contain-html-overflow-002.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-html-overflow-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-html-overflow-002.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-html-overflow-003.html" title="css/css-contain/contain-html-overflow-003.html">contain-html-overflow-003.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-html-overflow-003.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-html-overflow-003.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-html-overflow-004.html" title="css/css-contain/contain-html-overflow-004.html">contain-html-overflow-004.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-html-overflow-004.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-html-overflow-004.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-html-t-o-001.html" title="css/css-contain/contain-html-t-o-001.html">contain-html-t-o-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-html-t-o-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-html-t-o-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-html-t-o-002.html" title="css/css-contain/contain-html-t-o-002.html">contain-html-t-o-002.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-html-t-o-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-html-t-o-002.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-html-t-o-003.html" title="css/css-contain/contain-html-t-o-003.html">contain-html-t-o-003.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-html-t-o-003.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-html-t-o-003.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-html-t-o-004.html" title="css/css-contain/contain-html-t-o-004.html">contain-html-t-o-004.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-html-t-o-004.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-html-t-o-004.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-html-w-m-001.html" title="css/css-contain/contain-html-w-m-001.html">contain-html-w-m-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-html-w-m-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-html-w-m-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-html-w-m-002.html" title="css/css-contain/contain-html-w-m-002.html">contain-html-w-m-002.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-html-w-m-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-html-w-m-002.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-html-w-m-003.html" title="css/css-contain/contain-html-w-m-003.html">contain-html-w-m-003.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-html-w-m-003.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-html-w-m-003.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-html-w-m-004.html" title="css/css-contain/contain-html-w-m-004.html">contain-html-w-m-004.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-html-w-m-004.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-html-w-m-004.html"><small>(source)</small></a>
      </ul>
     </details>
     <p class="note" role="note"><span>Note:</span> Propagation
	to the <a data-link-type="dfn" href="https://drafts.csswg.org/css-display-3/#initial-containing-block" id="ref-for-initial-containing-block①">initial containing block</a>, the viewport, or the <a data-link-type="dfn" href="https://drafts.csswg.org/css-backgrounds-3/#canvas-background" id="ref-for-canvas-background①">canvas background</a>,
	of properties set on the <code><a data-link-type="element" href="https://html.spec.whatwg.org/multipage/semantics.html#the-html-element" id="ref-for-the-html-element②">html</a></code> element itself
	is unaffected.</p>
    </blockquote>
    <details>
     <summary>This change has tests</summary>
      Tests to cover these new requirements have been added to <abbr title="Web Platform Tests">WPT</abbr>.
			The results of these tests can be seen at the <a href="https://wpt.fyi/">Web-Platform-Tests dashboard</a>:
     <ol>
      <li><a href="https://wpt.fyi/results/css/css-contain/contain-body-bg-001.html">contain-body-bg-001.html</a>
      <li><a href="https://wpt.fyi/results/css/css-contain/contain-body-bg-002.html">contain-body-bg-002.html</a>
      <li><a href="https://wpt.fyi/results/css/css-contain/contain-body-bg-003.html">contain-body-bg-003.html</a>
      <li><a href="https://wpt.fyi/results/css/css-contain/contain-body-bg-004.html">contain-body-bg-004.html</a>
      <li><a href="https://wpt.fyi/results/css/css-contain/contain-body-dir-001.html">contain-body-dir-001.html</a>
      <li><a href="https://wpt.fyi/results/css/css-contain/contain-body-dir-002.html">contain-body-dir-002.html</a>
      <li><a href="https://wpt.fyi/results/css/css-contain/contain-body-dir-003.html">contain-body-dir-003.html</a>
      <li><a href="https://wpt.fyi/results/css/css-contain/contain-body-dir-004.html">contain-body-dir-004.html</a>
      <li><a href="https://wpt.fyi/results/css/css-contain/contain-body-overflow-001.html">contain-body-overflow-001.html</a>
      <li><a href="https://wpt.fyi/results/css/css-contain/contain-body-overflow-002.html">contain-body-overflow-002.html</a>
      <li><a href="https://wpt.fyi/results/css/css-contain/contain-body-overflow-003.html">contain-body-overflow-003.html</a>
      <li><a href="https://wpt.fyi/results/css/css-contain/contain-body-overflow-004.html">contain-body-overflow-004.html</a>
      <li><a href="https://wpt.fyi/results/css/css-contain/contain-body-t-o-001.html">contain-body-t-o-001.html</a>
      <li><a href="https://wpt.fyi/results/css/css-contain/contain-body-t-o-002.html">contain-body-t-o-002.html</a>
      <li><a href="https://wpt.fyi/results/css/css-contain/contain-body-t-o-003.html">contain-body-t-o-003.html</a>
      <li><a href="https://wpt.fyi/results/css/css-contain/contain-body-t-o-004.html">contain-body-t-o-004.html</a>
      <li><a href="https://wpt.fyi/results/css/css-contain/contain-body-w-m-001.html">contain-body-w-m-001.html</a>
      <li><a href="https://wpt.fyi/results/css/css-contain/contain-body-w-m-002.html">contain-body-w-m-002.html</a>
      <li><a href="https://wpt.fyi/results/css/css-contain/contain-body-w-m-003.html">contain-body-w-m-003.html</a>
      <li><a href="https://wpt.fyi/results/css/css-contain/contain-body-w-m-004.html">contain-body-w-m-004.html</a>
      <li><a href="https://wpt.fyi/results/css/css-contain/contain-html-bg-001.html">contain-html-bg-001.html</a>
      <li><a href="https://wpt.fyi/results/css/css-contain/contain-html-bg-002.html">contain-html-bg-002.html</a>
      <li><a href="https://wpt.fyi/results/css/css-contain/contain-html-bg-003.html">contain-html-bg-003.html</a>
      <li><a href="https://wpt.fyi/results/css/css-contain/contain-html-bg-004.html">contain-html-bg-004.html</a>
      <li><a href="https://wpt.fyi/results/css/css-contain/contain-html-dir-001.html">contain-html-dir-001.html</a>
      <li><a href="https://wpt.fyi/results/css/css-contain/contain-html-dir-002.html">contain-html-dir-002.html</a>
      <li><a href="https://wpt.fyi/results/css/css-contain/contain-html-dir-003.html">contain-html-dir-003.html</a>
      <li><a href="https://wpt.fyi/results/css/css-contain/contain-html-dir-004.html">contain-html-dir-004.html</a>
      <li><a href="https://wpt.fyi/results/css/css-contain/contain-html-overflow-001.html">contain-html-overflow-001.html</a>
      <li><a href="https://wpt.fyi/results/css/css-contain/contain-html-overflow-002.html">contain-html-overflow-002.html</a>
      <li><a href="https://wpt.fyi/results/css/css-contain/contain-html-overflow-003.html">contain-html-overflow-003.html</a>
      <li><a href="https://wpt.fyi/results/css/css-contain/contain-html-overflow-004.html">contain-html-overflow-004.html</a>
      <li><a href="https://wpt.fyi/results/css/css-contain/contain-html-t-o-001.html">contain-html-t-o-001.html</a>
      <li><a href="https://wpt.fyi/results/css/css-contain/contain-html-t-o-002.html">contain-html-t-o-002.html</a>
      <li><a href="https://wpt.fyi/results/css/css-contain/contain-html-t-o-003.html">contain-html-t-o-003.html</a>
      <li><a href="https://wpt.fyi/results/css/css-contain/contain-html-t-o-004.html">contain-html-t-o-004.html</a>
      <li><a href="https://wpt.fyi/results/css/css-contain/contain-html-w-m-001.html">contain-html-w-m-001.html</a>
      <li><a href="https://wpt.fyi/results/css/css-contain/contain-html-w-m-002.html">contain-html-w-m-002.html</a>
      <li><a href="https://wpt.fyi/results/css/css-contain/contain-html-w-m-003.html">contain-html-w-m-003.html</a>
      <li><a href="https://wpt.fyi/results/css/css-contain/contain-html-w-m-004.html">contain-html-w-m-004.html</a>
     </ol>
    </details>
   </div>
   <h2 class="heading settled" data-level="3" id="containment-types"><span class="secno">3. </span><span class="content"> Types of Containment</span><a class="self-link" href="#containment-types"></a></h2>
   <p>There are several varieties of <dfn class="dfn-paneled" data-dfn-type="dfn" data-export id="containment">containment</dfn> that an element can be subject to,
	restricting the effects that its descendants can have on the rest of the page in various ways. <a data-link-type="dfn" href="#containment" id="ref-for-containment②">Containment</a> enables much more powerful optimizations by user agents,
	and helps authors compose their page out of functional units,
	as it limits how widely a given change can affect a document.</p>
   <p><strong class="advisement"> Specification authors introducing new properties or mechanisms
	need to consider whether and how the various types of containment
	affect what they are introducing,
	and include in their specification any effect not described here.</strong></p>
   <h3 class="heading settled" data-level="3.1" id="containment-size"><span class="secno">3.1. </span><span class="content"> Size Containment</span><a class="self-link" href="#containment-size"></a></h3>
   <p>Giving an element <dfn class="dfn-paneled" data-dfn-type="dfn" data-export id="size-containment">size containment</dfn> makes its <a data-link-type="dfn" href="https://drafts.csswg.org/css-display-3/#principal-box" id="ref-for-principal-box">principal box</a> a <dfn class="dfn-paneled" data-dfn-type="dfn" data-noexport id="size-containment-box">size containment box</dfn> and has the following effects:</p>
   <ol>
    <li>
      When calculating the size of <a data-link-type="dfn" href="#size-containment-box" id="ref-for-size-containment-box①">size containment box</a>,
			it must be treated as having no contents.
     <details class="wpt-tests-block" dir="ltr" lang="en" open>
      <summary>Tests</summary>
      <ul class="wpt-tests-list">
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-021.html" title="css/css-contain/contain-size-021.html">contain-size-021.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-021.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-021.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-023.html" title="css/css-contain/contain-size-023.html">contain-size-023.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-023.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-023.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-025.html" title="css/css-contain/contain-size-025.html">contain-size-025.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-025.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-025.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-027.html" title="css/css-contain/contain-size-027.html">contain-size-027.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-027.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-027.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-061.html" title="css/css-contain/contain-size-061.html">contain-size-061.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-061.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-061.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-062.html" title="css/css-contain/contain-size-062.html">contain-size-062.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-062.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-062.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-063.html" title="css/css-contain/contain-size-063.html">contain-size-063.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-063.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-063.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-borders.html" title="css/css-contain/contain-size-borders.html">contain-size-borders.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-borders.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-borders.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-fieldset-001.html" title="css/css-contain/contain-size-fieldset-001.html">contain-size-fieldset-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-fieldset-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-fieldset-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-fieldset-002.html" title="css/css-contain/contain-size-fieldset-002.html">contain-size-fieldset-002.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-fieldset-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-fieldset-002.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-select-001.html" title="css/css-contain/contain-size-select-001.html">contain-size-select-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-select-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-select-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-select-002.html" title="css/css-contain/contain-size-select-002.html">contain-size-select-002.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-select-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-select-002.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-scrollbars-001.html" title="css/css-contain/contain-size-scrollbars-001.html">contain-size-scrollbars-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-scrollbars-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-scrollbars-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-scrollbars-002.html" title="css/css-contain/contain-size-scrollbars-002.html">contain-size-scrollbars-002.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-scrollbars-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-scrollbars-002.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-scrollbars-003.html" title="css/css-contain/contain-size-scrollbars-003.html">contain-size-scrollbars-003.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-scrollbars-003.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-scrollbars-003.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-scrollbars-004.html" title="css/css-contain/contain-size-scrollbars-004.html">contain-size-scrollbars-004.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-scrollbars-004.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-scrollbars-004.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-button-001.html" title="css/css-contain/contain-size-button-001.html">contain-size-button-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-button-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-button-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-flexbox-001.html" title="css/css-contain/contain-size-flexbox-001.html">contain-size-flexbox-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-flexbox-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-flexbox-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-flexbox-002.html" title="css/css-contain/contain-size-flexbox-002.html">contain-size-flexbox-002.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-flexbox-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-flexbox-002.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-grid-001.html" title="css/css-contain/contain-size-grid-001.html">contain-size-grid-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-grid-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-grid-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-013.html" title="css/css-contain/contain-size-013.html">contain-size-013.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-013.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-013.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-041.html" title="css/css-contain/contain-size-041.html">contain-size-041.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-041.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-041.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-042.html" title="css/css-contain/contain-size-042.html">contain-size-042.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-042.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-042.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-replaced-001.html" title="css/css-contain/contain-size-replaced-001.html">contain-size-replaced-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-replaced-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-replaced-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-replaced-002.html" title="css/css-contain/contain-size-replaced-002.html">contain-size-replaced-002.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-replaced-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-replaced-002.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-replaced-003a.html" title="css/css-contain/contain-size-replaced-003a.html">contain-size-replaced-003a.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-replaced-003a.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-replaced-003a.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-replaced-003b.html" title="css/css-contain/contain-size-replaced-003b.html">contain-size-replaced-003b.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-replaced-003b.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-replaced-003b.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-replaced-003c.html" title="css/css-contain/contain-size-replaced-003c.html">contain-size-replaced-003c.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-replaced-003c.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-replaced-003c.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-replaced-004.html" title="css/css-contain/contain-size-replaced-004.html">contain-size-replaced-004.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-replaced-004.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-replaced-004.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-replaced-005.html" title="css/css-contain/contain-size-replaced-005.html">contain-size-replaced-005.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-replaced-005.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-replaced-005.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-replaced-006.html" title="css/css-contain/contain-size-replaced-006.html">contain-size-replaced-006.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-replaced-006.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-replaced-006.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-block-001.html" title="css/css-contain/contain-size-block-001.html">contain-size-block-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-block-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-block-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-block-002.html" title="css/css-contain/contain-size-block-002.html">contain-size-block-002.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-block-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-block-002.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-block-003.html" title="css/css-contain/contain-size-block-003.html">contain-size-block-003.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-block-003.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-block-003.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-block-004.html" title="css/css-contain/contain-size-block-004.html">contain-size-block-004.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-block-004.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-block-004.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-button-002.html" title="css/css-contain/contain-size-button-002.html">contain-size-button-002.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-button-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-button-002.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-fieldset-003.html" title="css/css-contain/contain-size-fieldset-003.html">contain-size-fieldset-003.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-fieldset-003.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-fieldset-003.html"><small>(source)</small></a>
      </ul>
      <ul class="wpt-tests-list">
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-sizing/aspect-ratio/replaced-element-023.html" title="css/css-sizing/aspect-ratio/replaced-element-023.html">replaced-element-023.html</a> <a class="wpt-live" href="http://wpt.live/css/css-sizing/aspect-ratio/replaced-element-023.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-sizing/aspect-ratio/replaced-element-023.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-sizing/aspect-ratio/replaced-element-025.html" title="css/css-sizing/aspect-ratio/replaced-element-025.html">replaced-element-025.html</a> <a class="wpt-live" href="http://wpt.live/css/css-sizing/aspect-ratio/replaced-element-025.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-sizing/aspect-ratio/replaced-element-025.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-sizing/aspect-ratio/replaced-element-027.html" title="css/css-sizing/aspect-ratio/replaced-element-027.html">replaced-element-027.html</a> <a class="wpt-live" href="http://wpt.live/css/css-sizing/aspect-ratio/replaced-element-027.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-sizing/aspect-ratio/replaced-element-027.html"><small>(source)</small></a>
      </ul>
     </details>
     <p class="note" role="note"><span>Note:</span> Even when the element’s <a data-link-type="dfn" href="https://drafts.csswg.org/css-sizing-3/#sizing-property" id="ref-for-sizing-property">sizing properties</a> specify an intrinsic size,
			this does not necessarily make the element zero-sized:
			properties set on the element itself
			continue to be taken into account,
			which can cause it to be larger.</p>
     <details class="wpt-tests-block" dir="ltr" lang="en" open>
      <summary>Tests</summary>
      <ul class="wpt-tests-list">
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-grid-002.html" title="css/css-contain/contain-size-grid-002.html">contain-size-grid-002.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-grid-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-grid-002.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-grid-003.html" title="css/css-contain/contain-size-grid-003.html">contain-size-grid-003.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-grid-003.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-grid-003.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-multicol-001.html" title="css/css-contain/contain-size-multicol-001.html">contain-size-multicol-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-multicol-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-multicol-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-multicol-as-flex-item.html" title="css/css-contain/contain-size-multicol-as-flex-item.html">contain-size-multicol-as-flex-item.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-multicol-as-flex-item.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-multicol-as-flex-item.html"><small>(source)</small></a>
      </ul>
     </details>
     <p>Then, its contents must then be laid out into the <a data-link-type="dfn" href="#size-containment-box" id="ref-for-size-containment-box②">containment box</a>'s resolved size.</p>
     <p class="note" role="note"><span>Note:</span> <a data-link-type="dfn" href="#size-containment" id="ref-for-size-containment③">Size containment</a> does not suppress baseline alignment.
			See <a data-link-type="dfn" href="#layout-containment" id="ref-for-layout-containment①">layout containment</a> for that.</p>
     <details class="wpt-tests-block" dir="ltr" lang="en" open>
      <summary>Tests</summary>
      <ul class="wpt-tests-list">
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-baseline-001.html" title="css/css-contain/contain-size-baseline-001.html">contain-size-baseline-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-baseline-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-baseline-001.html"><small>(source)</small></a>
      </ul>
     </details>
     <div class="correction" id="c2">
       <span class="marker">Candidate Correction 2:</span> The way the two normative sentences above are written was somewhat ambiguous,
				causing implementers to have some doubts about the precise intended effects
				in certain cases.
				In order to clarify what is meant without changing the intended behavior,
				The CSSWG suggest replacing this first item in the list with the following two
				(the existing notes remain the same):
      <blockquote>
       <ol>
        <li>
          The <a data-link-type="dfn" href="https://drafts.csswg.org/css-sizing-3/#intrinsic-size" id="ref-for-intrinsic-size">intrinsic sizes</a> of the <a data-link-type="dfn" href="#size-containment-box" id="ref-for-size-containment-box③">size containment box</a> are determined as if the element had no content,
							following the same logic as when <a data-link-type="dfn" href="#sizing-as-if-empty" id="ref-for-sizing-as-if-empty">sizing as if empty</a>.
         <p class="note" role="note"><span>Note:</span> This affects explicit invocations of the <a class="css" data-link-type="maybe" href="https://drafts.csswg.org/css-sizing-3/#valdef-width-min-content" id="ref-for-valdef-width-min-content">min-content</a> or <a class="css" data-link-type="maybe" href="https://drafts.csswg.org/css-sizing-3/#valdef-width-max-content" id="ref-for-valdef-width-max-content">max-content</a> keywords,
							as well as any calculation that depends on these measurement,
							such as sizing <span class="informative"><a data-link-type="dfn" href="https://drafts.csswg.org/css-grid-2/#grid-track" id="ref-for-grid-track">grid tracks</a></span> into which a size contained item is placed,
							or if <a data-link-type="dfn" href="https://drafts.csswg.org/css-sizing-3/#fit-content-size" id="ref-for-fit-content-size">fit-content sizing</a> the containment box’s parent.</p>
         <details class="wpt-tests-block" dir="ltr" lang="en" open>
          <summary>Tests</summary>
          <ul class="wpt-tests-list">
           <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-013.html" title="css/css-contain/contain-size-013.html">contain-size-013.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-013.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-013.html"><small>(source)</small></a>
           <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-041.html" title="css/css-contain/contain-size-041.html">contain-size-041.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-041.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-041.html"><small>(source)</small></a>
           <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-042.html" title="css/css-contain/contain-size-042.html">contain-size-042.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-042.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-042.html"><small>(source)</small></a>
           <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-replaced-001.html" title="css/css-contain/contain-size-replaced-001.html">contain-size-replaced-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-replaced-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-replaced-001.html"><small>(source)</small></a>
           <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-replaced-002.html" title="css/css-contain/contain-size-replaced-002.html">contain-size-replaced-002.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-replaced-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-replaced-002.html"><small>(source)</small></a>
           <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-replaced-003a.html" title="css/css-contain/contain-size-replaced-003a.html">contain-size-replaced-003a.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-replaced-003a.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-replaced-003a.html"><small>(source)</small></a>
           <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-replaced-003b.html" title="css/css-contain/contain-size-replaced-003b.html">contain-size-replaced-003b.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-replaced-003b.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-replaced-003b.html"><small>(source)</small></a>
           <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-replaced-003c.html" title="css/css-contain/contain-size-replaced-003c.html">contain-size-replaced-003c.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-replaced-003c.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-replaced-003c.html"><small>(source)</small></a>
           <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-replaced-004.html" title="css/css-contain/contain-size-replaced-004.html">contain-size-replaced-004.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-replaced-004.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-replaced-004.html"><small>(source)</small></a>
           <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-replaced-005.html" title="css/css-contain/contain-size-replaced-005.html">contain-size-replaced-005.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-replaced-005.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-replaced-005.html"><small>(source)</small></a>
           <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-replaced-006.html" title="css/css-contain/contain-size-replaced-006.html">contain-size-replaced-006.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-replaced-006.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-replaced-006.html"><small>(source)</small></a>
           <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-block-001.html" title="css/css-contain/contain-size-block-001.html">contain-size-block-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-block-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-block-001.html"><small>(source)</small></a>
           <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-block-002.html" title="css/css-contain/contain-size-block-002.html">contain-size-block-002.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-block-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-block-002.html"><small>(source)</small></a>
           <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-block-003.html" title="css/css-contain/contain-size-block-003.html">contain-size-block-003.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-block-003.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-block-003.html"><small>(source)</small></a>
           <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-block-004.html" title="css/css-contain/contain-size-block-004.html">contain-size-block-004.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-block-004.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-block-004.html"><small>(source)</small></a>
           <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-button-002.html" title="css/css-contain/contain-size-button-002.html">contain-size-button-002.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-button-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-button-002.html"><small>(source)</small></a>
           <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-fieldset-003.html" title="css/css-contain/contain-size-fieldset-003.html">contain-size-fieldset-003.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-fieldset-003.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-fieldset-003.html"><small>(source)</small></a>
           <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-flex-001.html" title="css/css-contain/contain-size-flex-001.html">contain-size-flex-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-flex-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-flex-001.html"><small>(source)</small></a>
           <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-grid-005.html" title="css/css-contain/contain-size-grid-005.html">contain-size-grid-005.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-grid-005.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-grid-005.html"><small>(source)</small></a>
           <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-inline-block-001.html" title="css/css-contain/contain-size-inline-block-001.html">contain-size-inline-block-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-inline-block-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-inline-block-001.html"><small>(source)</small></a>
           <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-inline-block-002.html" title="css/css-contain/contain-size-inline-block-002.html">contain-size-inline-block-002.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-inline-block-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-inline-block-002.html"><small>(source)</small></a>
           <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-inline-block-003.html" title="css/css-contain/contain-size-inline-block-003.html">contain-size-inline-block-003.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-inline-block-003.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-inline-block-003.html"><small>(source)</small></a>
           <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-inline-block-004.html" title="css/css-contain/contain-size-inline-block-004.html">contain-size-inline-block-004.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-inline-block-004.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-inline-block-004.html"><small>(source)</small></a>
           <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-inline-flex-001.html" title="css/css-contain/contain-size-inline-flex-001.html">contain-size-inline-flex-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-inline-flex-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-inline-flex-001.html"><small>(source)</small></a>
           <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-multicol-002.html" title="css/css-contain/contain-size-multicol-002.html">contain-size-multicol-002.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-multicol-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-multicol-002.html"><small>(source)</small></a>
           <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-multicol-003.html" title="css/css-contain/contain-size-multicol-003.html">contain-size-multicol-003.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-multicol-003.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-multicol-003.html"><small>(source)</small></a>
           <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-select-elem-001.html" title="css/css-contain/contain-size-select-elem-001.html">contain-size-select-elem-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-select-elem-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-select-elem-001.html"><small>(source)</small></a>
           <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-select-elem-002.html" title="css/css-contain/contain-size-select-elem-002.html">contain-size-select-elem-002.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-select-elem-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-select-elem-002.html"><small>(source)</small></a>
           <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-select-elem-003.html" title="css/css-contain/contain-size-select-elem-003.html">contain-size-select-elem-003.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-select-elem-003.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-select-elem-003.html"><small>(source)</small></a>
           <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-select-elem-004.html" title="css/css-contain/contain-size-select-elem-004.html">contain-size-select-elem-004.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-select-elem-004.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-select-elem-004.html"><small>(source)</small></a>
           <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-select-elem-005.html" title="css/css-contain/contain-size-select-elem-005.html">contain-size-select-elem-005.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-select-elem-005.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-select-elem-005.html"><small>(source)</small></a>
          </ul>
         </details>
        <li>
          Laying out a <a data-link-type="dfn" href="#size-containment-box" id="ref-for-size-containment-box④">size containment box</a> and its content is conceptually done in two phases:
         <dl>
          <dt><dfn class="dfn-paneled" data-dfn-type="dfn" data-noexport id="sizing-as-if-empty">Sizing as if empty</dfn>
          <dd>
            The <a data-link-type="dfn" href="https://drafts.csswg.org/css-cascade-5/#used-value" id="ref-for-used-value①">used</a> <a class="property css" data-link-type="property" href="https://drafts.csswg.org/css-sizing-3/#propdef-width" id="ref-for-propdef-width">width</a> and <a class="property css" data-link-type="property" href="https://drafts.csswg.org/css-sizing-3/#propdef-height" id="ref-for-propdef-height">height</a> of the <a data-link-type="dfn" href="#size-containment-box" id="ref-for-size-containment-box⑤">containment box</a> are determined as if performing a normal layout of the box,
									except that it is treated as having no content—<wbr>not even through pseudo elements such as <a class="css" data-link-type="maybe" href="https://drafts.csswg.org/css-pseudo-4/#selectordef-before" id="ref-for-selectordef-before">::before</a>, <a class="css" data-link-type="maybe" href="https://drafts.csswg.org/css-pseudo-4/#selectordef-after" id="ref-for-selectordef-after">::after</a>, or <a class="css" data-link-type="maybe" href="https://drafts.csswg.org/css-pseudo-4/#selectordef-marker" id="ref-for-selectordef-marker">::marker</a>.
           <details class="wpt-tests-block" dir="ltr" lang="en" open>
            <summary>Tests</summary>
            <ul class="wpt-tests-list">
             <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-021.html" title="css/css-contain/contain-size-021.html">contain-size-021.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-021.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-021.html"><small>(source)</small></a>
             <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-023.html" title="css/css-contain/contain-size-023.html">contain-size-023.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-023.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-023.html"><small>(source)</small></a>
             <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-025.html" title="css/css-contain/contain-size-025.html">contain-size-025.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-025.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-025.html"><small>(source)</small></a>
             <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-027.html" title="css/css-contain/contain-size-027.html">contain-size-027.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-027.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-027.html"><small>(source)</small></a>
             <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-061.html" title="css/css-contain/contain-size-061.html">contain-size-061.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-061.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-061.html"><small>(source)</small></a>
             <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-062.html" title="css/css-contain/contain-size-062.html">contain-size-062.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-062.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-062.html"><small>(source)</small></a>
             <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-063.html" title="css/css-contain/contain-size-063.html">contain-size-063.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-063.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-063.html"><small>(source)</small></a>
             <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-borders.html" title="css/css-contain/contain-size-borders.html">contain-size-borders.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-borders.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-borders.html"><small>(source)</small></a>
             <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-fieldset-001.html" title="css/css-contain/contain-size-fieldset-001.html">contain-size-fieldset-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-fieldset-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-fieldset-001.html"><small>(source)</small></a>
             <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-fieldset-002.html" title="css/css-contain/contain-size-fieldset-002.html">contain-size-fieldset-002.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-fieldset-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-fieldset-002.html"><small>(source)</small></a>
             <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-select-001.html" title="css/css-contain/contain-size-select-001.html">contain-size-select-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-select-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-select-001.html"><small>(source)</small></a>
             <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-select-002.html" title="css/css-contain/contain-size-select-002.html">contain-size-select-002.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-select-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-select-002.html"><small>(source)</small></a>
             <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-scrollbars-001.html" title="css/css-contain/contain-size-scrollbars-001.html">contain-size-scrollbars-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-scrollbars-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-scrollbars-001.html"><small>(source)</small></a>
             <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-scrollbars-002.html" title="css/css-contain/contain-size-scrollbars-002.html">contain-size-scrollbars-002.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-scrollbars-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-scrollbars-002.html"><small>(source)</small></a>
             <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-scrollbars-003.html" title="css/css-contain/contain-size-scrollbars-003.html">contain-size-scrollbars-003.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-scrollbars-003.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-scrollbars-003.html"><small>(source)</small></a>
             <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-scrollbars-004.html" title="css/css-contain/contain-size-scrollbars-004.html">contain-size-scrollbars-004.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-scrollbars-004.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-scrollbars-004.html"><small>(source)</small></a>
             <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-button-001.html" title="css/css-contain/contain-size-button-001.html">contain-size-button-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-button-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-button-001.html"><small>(source)</small></a>
             <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-flexbox-001.html" title="css/css-contain/contain-size-flexbox-001.html">contain-size-flexbox-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-flexbox-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-flexbox-001.html"><small>(source)</small></a>
             <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-flexbox-002.html" title="css/css-contain/contain-size-flexbox-002.html">contain-size-flexbox-002.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-flexbox-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-flexbox-002.html"><small>(source)</small></a>
             <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-grid-001.html" title="css/css-contain/contain-size-grid-001.html">contain-size-grid-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-grid-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-grid-001.html"><small>(source)</small></a>
            </ul>
           </details>
           <p><a data-link-type="dfn" href="https://drafts.csswg.org/css-display-3/#replaced-element" id="ref-for-replaced-element">Replaced elements</a> must be treated as having a <a data-link-type="dfn" href="https://drafts.csswg.org/css-images-3/#natural-dimensions" id="ref-for-natural-dimensions">natural</a> width and height of 0
									and no <a data-link-type="dfn" href="https://drafts.csswg.org/css-images-3/#natural-aspect-ratio" id="ref-for-natural-aspect-ratio">natural aspect ratio</a>.</p>
           <p class="note" role="note"><span>Note:</span> Size containment only suppresses the <a data-link-type="dfn" href="https://drafts.csswg.org/css-images-3/#natural-aspect-ratio" id="ref-for-natural-aspect-ratio①">natural aspect ratio</a>,
									so properties like <a class="property css" data-link-type="property" href="https://drafts.csswg.org/css-sizing-4/#propdef-aspect-ratio" id="ref-for-propdef-aspect-ratio">aspect-ratio</a> which affect that <a data-link-type="dfn" href="https://drafts.csswg.org/css-sizing-4/#preferred-aspect-ratio" id="ref-for-preferred-aspect-ratio">preferred aspect ratio</a> directly
									are honored.</p>
           <details class="wpt-tests-block" dir="ltr" lang="en" open>
            <summary>Tests</summary>
            <ul class="wpt-tests-list">
             <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-013.html" title="css/css-contain/contain-size-013.html">contain-size-013.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-013.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-013.html"><small>(source)</small></a>
             <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-041.html" title="css/css-contain/contain-size-041.html">contain-size-041.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-041.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-041.html"><small>(source)</small></a>
             <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-042.html" title="css/css-contain/contain-size-042.html">contain-size-042.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-042.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-042.html"><small>(source)</small></a>
             <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-replaced-001.html" title="css/css-contain/contain-size-replaced-001.html">contain-size-replaced-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-replaced-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-replaced-001.html"><small>(source)</small></a>
             <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-replaced-002.html" title="css/css-contain/contain-size-replaced-002.html">contain-size-replaced-002.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-replaced-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-replaced-002.html"><small>(source)</small></a>
             <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-replaced-003a.html" title="css/css-contain/contain-size-replaced-003a.html">contain-size-replaced-003a.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-replaced-003a.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-replaced-003a.html"><small>(source)</small></a>
             <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-replaced-003b.html" title="css/css-contain/contain-size-replaced-003b.html">contain-size-replaced-003b.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-replaced-003b.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-replaced-003b.html"><small>(source)</small></a>
             <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-replaced-003c.html" title="css/css-contain/contain-size-replaced-003c.html">contain-size-replaced-003c.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-replaced-003c.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-replaced-003c.html"><small>(source)</small></a>
             <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-replaced-004.html" title="css/css-contain/contain-size-replaced-004.html">contain-size-replaced-004.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-replaced-004.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-replaced-004.html"><small>(source)</small></a>
             <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-replaced-005.html" title="css/css-contain/contain-size-replaced-005.html">contain-size-replaced-005.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-replaced-005.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-replaced-005.html"><small>(source)</small></a>
            </ul>
            <ul class="wpt-tests-list">
             <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-sizing/aspect-ratio/replaced-element-023.html" title="css/css-sizing/aspect-ratio/replaced-element-023.html">replaced-element-023.html</a> <a class="wpt-live" href="http://wpt.live/css/css-sizing/aspect-ratio/replaced-element-023.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-sizing/aspect-ratio/replaced-element-023.html"><small>(source)</small></a>
             <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-sizing/aspect-ratio/replaced-element-025.html" title="css/css-sizing/aspect-ratio/replaced-element-025.html">replaced-element-025.html</a> <a class="wpt-live" href="http://wpt.live/css/css-sizing/aspect-ratio/replaced-element-025.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-sizing/aspect-ratio/replaced-element-025.html"><small>(source)</small></a>
             <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-sizing/aspect-ratio/replaced-element-027.html" title="css/css-sizing/aspect-ratio/replaced-element-027.html">replaced-element-027.html</a> <a class="wpt-live" href="http://wpt.live/css/css-sizing/aspect-ratio/replaced-element-027.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-sizing/aspect-ratio/replaced-element-027.html"><small>(source)</small></a>
            </ul>
           </details>
           <p>All CSS properties of the <a data-link-type="dfn" href="#size-containment-box" id="ref-for-size-containment-box⑥">size containment box</a> are taken into account
									as they would be when performing layout normally.
									Other specifications may make specific exemptions.</p>
           <details class="wpt-tests-block" dir="ltr" lang="en" open>
            <summary>Tests</summary>
            <ul class="wpt-tests-list">
             <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-replaced-006.html" title="css/css-contain/contain-size-replaced-006.html">contain-size-replaced-006.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-replaced-006.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-replaced-006.html"><small>(source)</small></a>
            </ul>
           </details>
           <p class="note" role="note"><span>Note:</span> Even when the element’s <a data-link-type="dfn" href="https://drafts.csswg.org/css-sizing-3/#sizing-property" id="ref-for-sizing-property①">sizing properties</a> specify an intrinsic size,
									this does not necessarily make the element zero-sized:
									properties set on the element itself
									continue to be taken into account,
									which can cause it to be larger.</p>
           <details class="wpt-tests-block" dir="ltr" lang="en" open>
            <summary>Tests</summary>
            <ul class="wpt-tests-list">
             <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-grid-002.html" title="css/css-contain/contain-size-grid-002.html">contain-size-grid-002.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-grid-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-grid-002.html"><small>(source)</small></a>
             <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-grid-003.html" title="css/css-contain/contain-size-grid-003.html">contain-size-grid-003.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-grid-003.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-grid-003.html"><small>(source)</small></a>
             <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-multicol-001.html" title="css/css-contain/contain-size-multicol-001.html">contain-size-multicol-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-multicol-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-multicol-001.html"><small>(source)</small></a>
             <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-multicol-as-flex-item.html" title="css/css-contain/contain-size-multicol-as-flex-item.html">contain-size-multicol-as-flex-item.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-multicol-as-flex-item.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-multicol-as-flex-item.html"><small>(source)</small></a>
            </ul>
           </details>
          <dt><dfn class="dfn-paneled" data-dfn-type="dfn" data-noexport id="laying-out-in-place">Laying out in-place</dfn>
          <dd>
            The <a data-link-type="dfn" href="#size-containment-box" id="ref-for-size-containment-box⑦">containment box</a>'s content
									(including any pseudo-elements)
									must then be laid out into
									the now fixed-size <span id="ref-for-size-containment-box⑧">containment box</span> normally.
           <details class="wpt-tests-block" dir="ltr" lang="en" open>
            <summary>Tests</summary>
            <ul class="wpt-tests-list">
             <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-064.html" title="css/css-contain/contain-size-064.html">contain-size-064.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-064.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-064.html"><small>(source)</small></a>
            </ul>
           </details>
         </dl>
         <p class="note" role="note"><span>Note:</span> <a data-link-type="dfn" href="#size-containment" id="ref-for-size-containment④">Size containment</a> does not suppress baseline alignment.
							See <a data-link-type="dfn" href="#layout-containment" id="ref-for-layout-containment②">layout containment</a> for that.</p>
         <details class="wpt-tests-block" dir="ltr" lang="en" open>
          <summary>Tests</summary>
          <ul class="wpt-tests-list">
           <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-baseline-001.html" title="css/css-contain/contain-size-baseline-001.html">contain-size-baseline-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-baseline-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-baseline-001.html"><small>(source)</small></a>
           <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-fieldset-004.html" title="css/css-contain/contain-size-fieldset-004.html">contain-size-fieldset-004.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-fieldset-004.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-fieldset-004.html"><small>(source)</small></a>
           <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-inline-block-001.html" title="css/css-contain/contain-size-inline-block-001.html">contain-size-inline-block-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-inline-block-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-inline-block-001.html"><small>(source)</small></a>
           <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-inline-block-002.html" title="css/css-contain/contain-size-inline-block-002.html">contain-size-inline-block-002.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-inline-block-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-inline-block-002.html"><small>(source)</small></a>
           <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-inline-block-003.html" title="css/css-contain/contain-size-inline-block-003.html">contain-size-inline-block-003.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-inline-block-003.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-inline-block-003.html"><small>(source)</small></a>
           <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-inline-block-004.html" title="css/css-contain/contain-size-inline-block-004.html">contain-size-inline-block-004.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-inline-block-004.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-inline-block-004.html"><small>(source)</small></a>
           <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-inline-flex-001.html" title="css/css-contain/contain-size-inline-flex-001.html">contain-size-inline-flex-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-inline-flex-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-inline-flex-001.html"><small>(source)</small></a>
          </ul>
         </details>
       </ol>
      </blockquote>
      <details>
       <summary>This change has tests</summary>
        All statements in this more detailed write-up have tests in <abbr title="Web Platform Tests">WPT</abbr>.
					The results of these tests can be seen at the <a href="https://wpt.fyi/">Web-Platform-Tests dashboard</a>:
       <ol>
        <li><a href="https://wpt.fyi/results/css/css-contain/contain-size-013.html">contain-size-013.html</a>
        <li><a href="https://wpt.fyi/results/css/css-contain/contain-size-021.html">contain-size-021.html</a>
        <li><a href="https://wpt.fyi/results/css/css-contain/contain-size-023.html">contain-size-023.html</a>
        <li><a href="https://wpt.fyi/results/css/css-contain/contain-size-025.html">contain-size-025.html</a>
        <li><a href="https://wpt.fyi/results/css/css-contain/contain-size-027.html">contain-size-027.html</a>
        <li><a href="https://wpt.fyi/results/css/css-contain/contain-size-041.html">contain-size-041.html</a>
        <li><a href="https://wpt.fyi/results/css/css-contain/contain-size-042.html">contain-size-042.html</a>
        <li><a href="https://wpt.fyi/results/css/css-contain/contain-size-061.html">contain-size-061.html</a>
        <li><a href="https://wpt.fyi/results/css/css-contain/contain-size-062.html">contain-size-062.html</a>
        <li><a href="https://wpt.fyi/results/css/css-contain/contain-size-063.html">contain-size-063.html</a>
        <li><a href="https://wpt.fyi/results/css/css-contain/contain-size-064.html">contain-size-064.html</a>
        <li><a href="https://wpt.fyi/results/css/css-contain/contain-size-borders.html">contain-size-borders.html</a>
        <li><a href="https://wpt.fyi/results/css/css-contain/contain-size-button-001.html">contain-size-button-001.html</a>
        <li><a href="https://wpt.fyi/results/css/css-contain/contain-size-fieldset-001.html">contain-size-fieldset-001.html</a>
        <li><a href="https://wpt.fyi/results/css/css-contain/contain-size-fieldset-002.html">contain-size-fieldset-002.html</a>
        <li><a href="https://wpt.fyi/results/css/css-contain/contain-size-flexbox-001.html">contain-size-flexbox-001.html</a>
        <li><a href="https://wpt.fyi/results/css/css-contain/contain-size-flexbox-002.html">contain-size-flexbox-002.html</a>
        <li><a href="https://wpt.fyi/results/css/css-contain/contain-size-grid-001.html">contain-size-grid-001.html</a>
        <li><a href="https://wpt.fyi/results/css/css-contain/contain-size-grid-002.html">contain-size-grid-002.html</a>
        <li><a href="https://wpt.fyi/results/css/css-contain/contain-size-grid-003.html">contain-size-grid-003.html</a>
        <li><a href="https://wpt.fyi/results/css/css-contain/contain-size-multicol-001.html">contain-size-multicol-001.html</a>
        <li><a href="https://wpt.fyi/results/css/css-contain/contain-size-multicol-as-flex-item.html">contain-size-multicol-as-flex-item.html</a>
        <li><a href="https://wpt.fyi/results/css/css-contain/contain-size-replaced-001.html">contain-size-replaced-001.html</a>
        <li><a href="https://wpt.fyi/results/css/css-contain/contain-size-replaced-002.html">contain-size-replaced-002.html</a>
        <li><a href="https://wpt.fyi/results/css/css-contain/contain-size-replaced-003a.html">contain-size-replaced-003a.html</a>
        <li><a href="https://wpt.fyi/results/css/css-contain/contain-size-replaced-003b.html">contain-size-replaced-003b.html</a>
        <li><a href="https://wpt.fyi/results/css/css-contain/contain-size-replaced-003c.html">contain-size-replaced-003c.html</a>
        <li><a href="https://wpt.fyi/results/css/css-contain/contain-size-replaced-004.html">contain-size-replaced-004.html</a>
        <li><a href="https://wpt.fyi/results/css/css-contain/contain-size-replaced-005.html">contain-size-replaced-005.html</a>
        <li><a href="https://wpt.fyi/results/css/css-contain/contain-size-replaced-006.html">contain-size-replaced-006.html</a>
        <li><a href="https://wpt.fyi/results/css/css-contain/contain-size-scrollbars-001.html">contain-size-scrollbars-001.html</a>
        <li><a href="https://wpt.fyi/results/css/css-contain/contain-size-scrollbars-002.html">contain-size-scrollbars-002.html</a>
        <li><a href="https://wpt.fyi/results/css/css-contain/contain-size-scrollbars-003.html">contain-size-scrollbars-003.html</a>
        <li><a href="https://wpt.fyi/results/css/css-contain/contain-size-scrollbars-004.html">contain-size-scrollbars-004.html</a>
        <li><a href="https://wpt.fyi/results/css/css-contain/contain-size-select-001.html">contain-size-select-001.html</a>
        <li><a href="https://wpt.fyi/results/css/css-contain/contain-size-select-002.html">contain-size-select-002.html</a>
        <li><a href="https://wpt.fyi/results/css/css-sizing/aspect-ratio/replaced-element-023.html">replaced-element-023.html</a>
        <li><a href="https://wpt.fyi/results/css/css-sizing/aspect-ratio/replaced-element-025.html">replaced-element-025.html</a>
        <li><a href="https://wpt.fyi/results/css/css-sizing/aspect-ratio/replaced-element-027.html">replaced-element-027.html</a>
        <li><a href="https://wpt.fyi/results/css/css-contain/contain-size-block-001.html">contain-size-block-001.html</a>
        <li><a href="https://wpt.fyi/results/css/css-contain/contain-size-block-002.html">contain-size-block-002.html</a>
        <li><a href="https://wpt.fyi/results/css/css-contain/contain-size-block-003.html">contain-size-block-003.html</a>
        <li><a href="https://wpt.fyi/results/css/css-contain/contain-size-block-004.html">contain-size-block-004.html</a>
        <li><a href="https://wpt.fyi/results/css/css-contain/contain-size-button-002.html">contain-size-button-002.html</a>
        <li><a href="https://wpt.fyi/results/css/css-contain/contain-size-fieldset-003.html">contain-size-fieldset-003.html</a>
        <li><a href="https://wpt.fyi/results/css/css-contain/contain-size-flex-001.html">contain-size-flex-001.html</a>
        <li><a href="https://wpt.fyi/results/css/css-contain/contain-size-grid-005.html">contain-size-grid-005.html</a>
        <li><a href="https://wpt.fyi/results/css/css-contain/contain-size-inline-block-001.html">contain-size-inline-block-001.html</a>
        <li><a href="https://wpt.fyi/results/css/css-contain/contain-size-inline-block-002.html">contain-size-inline-block-002.html</a>
        <li><a href="https://wpt.fyi/results/css/css-contain/contain-size-inline-block-003.html">contain-size-inline-block-003.html</a>
        <li><a href="https://wpt.fyi/results/css/css-contain/contain-size-inline-block-004.html">contain-size-inline-block-004.html</a>
        <li><a href="https://wpt.fyi/results/css/css-contain/contain-size-inline-flex-001.html">contain-size-inline-flex-001.html</a>
        <li><a href="https://wpt.fyi/results/css/css-contain/contain-size-multicol-002.html">contain-size-multicol-002.html</a>
        <li><a href="https://wpt.fyi/results/css/css-contain/contain-size-multicol-003.html">contain-size-multicol-003.html</a>
        <li><a href="https://wpt.fyi/results/css/css-contain/contain-size-select-elem-001.html">contain-size-select-elem-001.html</a>
        <li><a href="https://wpt.fyi/results/css/css-contain/contain-size-select-elem-002.html">contain-size-select-elem-002.html</a>
        <li><a href="https://wpt.fyi/results/css/css-contain/contain-size-select-elem-003.html">contain-size-select-elem-003.html</a>
        <li><a href="https://wpt.fyi/results/css/css-contain/contain-size-select-elem-004.html">contain-size-select-elem-004.html</a>
        <li><a href="https://wpt.fyi/results/css/css-contain/contain-size-select-elem-005.html">contain-size-select-elem-005.html</a>
        <li><a href="https://wpt.fyi/results/css/css-contain/contain-size-fieldset-004.html">contain-size-fieldset-004.html</a>
        <li><a href="https://wpt.fyi/results/css/css-contain/contain-size-inline-block-001.html">contain-size-inline-block-001.html</a>
        <li><a href="https://wpt.fyi/results/css/css-contain/contain-size-inline-block-002.html">contain-size-inline-block-002.html</a>
        <li><a href="https://wpt.fyi/results/css/css-contain/contain-size-inline-block-003.html">contain-size-inline-block-003.html</a>
        <li><a href="https://wpt.fyi/results/css/css-contain/contain-size-inline-block-004.html">contain-size-inline-block-004.html</a>
        <li><a href="https://wpt.fyi/results/css/css-contain/contain-size-inline-flex-001.html">contain-size-inline-flex-001.html</a>
       </ol>
      </details>
      <p>Also, note the insertion of a parenthetical at the very end of this section,
				referencing part of this clarified text.</p>
     </div>
    <li>
      <a data-link-type="dfn" href="#size-containment-box" id="ref-for-size-containment-box⑨">Size containment boxes</a> are <a data-link-type="dfn" href="https://drafts.csswg.org/css-break-3/#monolithic" id="ref-for-monolithic">monolithic</a> (See <a href="https://www.w3.org/TR/css-break-3/#possible-breaks"><cite>CSS Fragmentation 3</cite> § 4.1 Possible Break Points</a>).
     <details class="wpt-tests-block" dir="ltr" lang="en" open>
      <summary>Tests</summary>
      <ul class="wpt-tests-list">
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-breaks-001.html" title="css/css-contain/contain-size-breaks-001.html">contain-size-breaks-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-breaks-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-breaks-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-monolithic-001.html" title="css/css-contain/contain-size-monolithic-001.html">contain-size-monolithic-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-monolithic-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-monolithic-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-monolithic-002.html" title="css/css-contain/contain-size-monolithic-002.html">contain-size-monolithic-002.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-monolithic-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-monolithic-002.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-multicol-004.html" title="css/css-contain/contain-size-multicol-004.html">contain-size-multicol-004.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-multicol-004.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-multicol-004.html"><small>(source)</small></a>
      </ul>
     </details>
   </ol>
   <div class="example" id="example-eadb9c00">
    <a class="self-link" href="#example-eadb9c00"></a> Given the following markup and style, the image would be sized to 100px by 100px,
		as the aspect ratio set by the <a class="property css" data-link-type="property" href="https://drafts.csswg.org/css-sizing-4/#propdef-aspect-ratio" id="ref-for-propdef-aspect-ratio①">aspect-ratio</a> property takes effect.
<pre><code class="lang-css highlight">img <c- p>{</c->
  <c- k>width</c-><c- p>:</c-> <c- m>100</c-><c- k>px</c-><c- p>;</c->
  <c- k>aspect-ratio</c-><c- p>:</c-> <c- m>1</c->/<c- m>1</c-><c- p>;</c->
  <c- k>contain</c-><c- p>:</c-> size<c- p>;</c->
<c- p>}</c->
</code><code class="lang-html highlight"><c- p>&lt;</c-><c- f>img</c-> <c- e>src</c-><c- o>=</c-><c- s>"https://www.example.com/300x100.jpg"</c-><c- p>></c->
</code></pre>
    <p>If the <a class="property css" data-link-type="property" href="https://drafts.csswg.org/css-sizing-4/#propdef-aspect-ratio" id="ref-for-propdef-aspect-ratio②">aspect-ratio</a> property had not been declared,
		the image would have been 100px by 0px,
		as its <a data-link-type="dfn" href="https://drafts.csswg.org/css-images-3/#natural-aspect-ratio" id="ref-for-natural-aspect-ratio②">natural aspect ratio</a> is suppressed,
		and its <a data-link-type="dfn" href="https://drafts.csswg.org/css-images-3/#natural-height" id="ref-for-natural-height">natural height</a> is treated as 0.</p>
   </div>
   <p>However, giving an element <a data-link-type="dfn" href="#size-containment" id="ref-for-size-containment⑤">size containment</a> has no effect if any of the following are true:</p>
   <ul>
    <li data-md>
     <p>if the element does not generate a <a data-link-type="dfn" href="https://drafts.csswg.org/css-display-3/#principal-box" id="ref-for-principal-box①">principal box</a> (as is the case with <a class="css" data-link-type="propdesc" href="https://drafts.csswg.org/css-display-3/#propdef-display" id="ref-for-propdef-display">display: contents</a> or <span class="css" id="ref-for-propdef-display①">display: none</span>)</p>
    <li data-md>
     <p>if its <a data-link-type="dfn" href="https://drafts.csswg.org/css-display-3/#inner-display-type" id="ref-for-inner-display-type">inner display type</a> is <a class="css" data-link-type="maybe" href="https://drafts.csswg.org/css-display-3/#valdef-display-table" id="ref-for-valdef-display-table">table</a></p>
     <details class="wpt-tests-block" dir="ltr" lang="en" open>
      <summary>Tests</summary>
      <ul class="wpt-tests-list">
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-012.html" title="css/css-contain/contain-size-012.html">contain-size-012.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-012.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-012.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-012b.html" title="css/css-contain/contain-size-012b.html">contain-size-012b.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-012b.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-012b.html"><small>(source)</small></a>
      </ul>
     </details>
    <li data-md>
     <p>if its <a data-link-type="dfn" href="https://drafts.csswg.org/css-display-3/#principal-box" id="ref-for-principal-box②">principal box</a> is
an <a data-link-type="dfn" href="https://drafts.csswg.org/css-display-3/#internal-table-box" id="ref-for-internal-table-box">internal table box</a></p>
     <details class="wpt-tests-block" dir="ltr" lang="en" open>
      <summary>Tests</summary>
      <ul class="wpt-tests-list">
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-006.html" title="css/css-contain/contain-size-006.html">contain-size-006.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-006.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-006.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-007.html" title="css/css-contain/contain-size-007.html">contain-size-007.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-007.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-007.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-008.html" title="css/css-contain/contain-size-008.html">contain-size-008.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-008.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-008.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-009.html" title="css/css-contain/contain-size-009.html">contain-size-009.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-009.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-009.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-010.html" title="css/css-contain/contain-size-010.html">contain-size-010.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-010.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-010.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-051.html" title="css/css-contain/contain-size-051.html">contain-size-051.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-051.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-051.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-052.html" title="css/css-contain/contain-size-052.html">contain-size-052.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-052.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-052.html"><small>(source)</small></a>
      </ul>
     </details>
    <li data-md>
     <p>if its <a data-link-type="dfn" href="https://drafts.csswg.org/css-display-3/#principal-box" id="ref-for-principal-box③">principal box</a> is
an <a data-link-type="dfn" href="https://drafts.csswg.org/css-display-3/#internal-ruby-box" id="ref-for-internal-ruby-box">internal ruby box</a> or a <a data-link-type="dfn" href="https://drafts.csswg.org/css-display-3/#atomic-inline" id="ref-for-atomic-inline">non-atomic</a> <a data-link-type="dfn" href="https://drafts.csswg.org/css-display-3/#inline-level" id="ref-for-inline-level">inline-level</a> box</p>
     <details class="wpt-tests-block" dir="ltr" lang="en" open>
      <summary>Tests</summary>
      <ul class="wpt-tests-list">
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-002.html" title="css/css-contain/contain-size-002.html">contain-size-002.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-002.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-003.html" title="css/css-contain/contain-size-003.html">contain-size-003.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-003.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-003.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-004.html" title="css/css-contain/contain-size-004.html">contain-size-004.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-004.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-004.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-005.html" title="css/css-contain/contain-size-005.html">contain-size-005.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-005.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-005.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-001.html" title="css/css-contain/contain-size-001.html">contain-size-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-001.html"><small>(source)</small></a>
      </ul>
     </details>
   </ul>
   <p class="note" role="note"><span>Note:</span> Internal table boxes,
	which do not include table captions,
	are excluded,
	because the table layout algorithm
	does not allow boxes to become smaller than their inflow content.
	Sizing a table cell as if it was empty and then laying out its content inside without changing the size
	is effectively an undefined operation.
	Manually setting the <a class="property css" data-link-type="property" href="https://drafts.csswg.org/css-sizing-3/#propdef-width" id="ref-for-propdef-width①">width</a> or <a class="property css" data-link-type="property" href="https://drafts.csswg.org/css-sizing-3/#propdef-height" id="ref-for-propdef-height①">height</a> properties to <span class="css">0</span> cannot make it smaller than its content.
	This concern does not apply to table captions,
	which are perfectly capable of having a fixed size
	that is independent of their content.</p>
   <details class="wpt-tests-block" dir="ltr" lang="en" open>
    <summary>Tests</summary>
    <ul class="wpt-tests-list">
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-011.html" title="css/css-contain/contain-size-011.html">contain-size-011.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-011.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-011.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-056.html" title="css/css-contain/contain-size-056.html">contain-size-056.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-056.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-056.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-size-table-caption-001.html" title="css/css-contain/contain-size-table-caption-001.html">contain-size-table-caption-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-size-table-caption-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-size-table-caption-001.html"><small>(source)</small></a>
    </ul>
   </details>
   <h4 class="no-toc heading settled" data-level="3.1.1" id="containment-size-opt"><span class="secno">3.1.1. </span><span class="content"> Possible Size-Containment Optimizations</span><a class="self-link" href="#containment-size-opt"></a></h4>
   <p><em>This section is non-normative.</em></p>
   <p>By itself, <a data-link-type="dfn" href="#size-containment" id="ref-for-size-containment⑥">size containment</a> does not offer much optimization opportunity.
	Its primary benefit on its own is that tools which want to lay out the <a data-link-type="dfn" href="#size-containment-box" id="ref-for-size-containment-box①⓪">containment box</a>'s contents
	based on the <span id="ref-for-size-containment-box①①">containment box</span>'s size
	(such as a JS library implementing the "container query" concept)
	can do so without fear of "infinite loops",
	where having a child’s size respond to the size of the <span id="ref-for-size-containment-box①②">containment box</span> causes the <span id="ref-for-size-containment-box①③">containment box</span>'s size to change as well,
	possibly triggering <em>further</em> changes in how the child sizes itself
	and possibly thus more changes to the <span id="ref-for-size-containment-box①④">containment box</span>'s size,
	ad infinitum.</p>
   <p>When paired with <a data-link-type="dfn" href="#layout-containment" id="ref-for-layout-containment③">layout containment</a>, though,
	possible optimizations that can be enabled include (but are not limited to):</p>
   <ol>
    <li data-md>
     <p>When the style or contents of a descendant of the <a data-link-type="dfn" href="#size-containment-box" id="ref-for-size-containment-box①⑤">containment box</a> is changed,
calculating what part of the DOM tree is "dirtied" and might need to be re-laid out
can stop at the <span id="ref-for-size-containment-box①⑥">containment box</span>.</p>
    <li data-md>
     <p>
      When laying out the page,
if the <a data-link-type="dfn" href="#size-containment-box" id="ref-for-size-containment-box①⑦">containment box</a> is off-screen or obscured,
the layout of its contents
      <ins cite="#c2">(i.e. "<a data-link-type="dfn" href="#laying-out-in-place" id="ref-for-laying-out-in-place">laying out in-place</a>") </ins>
      can be delayed or done at a lower priority.
     </p>
   </ol>
   <h3 class="heading settled" data-level="3.2" id="containment-layout"><span class="secno">3.2. </span><span class="content"> Layout Containment</span><a class="self-link" href="#containment-layout"></a></h3>
   <p>Giving an element <dfn class="dfn-paneled" data-dfn-type="dfn" data-export id="layout-containment">layout containment</dfn> makes its <a data-link-type="dfn" href="https://drafts.csswg.org/css-display-3/#principal-box" id="ref-for-principal-box④">principal box</a> a <dfn class="dfn-paneled" data-dfn-type="dfn" data-noexport id="layout-containment-box">layout containment box</dfn> and has the following effects:</p>
   <ol>
    <li data-md>
     <p>The <a data-link-type="dfn" href="#layout-containment-box" id="ref-for-layout-containment-box①">layout containment box</a> <a data-link-type="dfn" href="https://drafts.csswg.org/css-display-3/#establish-an-independent-formatting-context" id="ref-for-establish-an-independent-formatting-context">establishes an independent formatting context</a>.</p>
     <details class="wpt-tests-block" dir="ltr" lang="en" open>
      <summary>Tests</summary>
      <ul class="wpt-tests-list">
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-ifc-022.html" title="css/css-contain/contain-layout-ifc-022.html">contain-layout-ifc-022.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-ifc-022.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-ifc-022.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-independent-formatting-context-001.html" title="css/css-contain/contain-layout-independent-formatting-context-001.html">contain-layout-independent-formatting-context-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-independent-formatting-context-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-independent-formatting-context-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-independent-formatting-context-002.html" title="css/css-contain/contain-layout-independent-formatting-context-002.html">contain-layout-independent-formatting-context-002.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-independent-formatting-context-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-independent-formatting-context-002.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-subgrid-001.html" title="css/css-contain/contain-subgrid-001.html">contain-subgrid-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-subgrid-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-subgrid-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-formatting-context-float-001.html" title="css/css-contain/contain-layout-formatting-context-float-001.html">contain-layout-formatting-context-float-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-formatting-context-float-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-formatting-context-float-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-formatting-context-margin-001.html" title="css/css-contain/contain-layout-formatting-context-margin-001.html">contain-layout-formatting-context-margin-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-formatting-context-margin-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-formatting-context-margin-001.html"><small>(source)</small></a>
      </ul>
     </details>
    <li data-md>
     <p>If at least one <a data-link-type="dfn" href="https://drafts.csswg.org/css-break-3/#fragmentation-container" id="ref-for-fragmentation-container">fragmentation container</a> of a <a data-link-type="dfn" href="https://drafts.csswg.org/css-break-3/#fragmentation-context" id="ref-for-fragmentation-context">fragmentation context</a> has <a data-link-type="dfn" href="#layout-containment" id="ref-for-layout-containment④">layout containment</a>,
or if at least one <span id="ref-for-fragmentation-container①">fragmentation container</span> of a <span id="ref-for-fragmentation-context①">fragmentation context</span> is a descendant of <a data-link-type="dfn" href="#layout-containment-box" id="ref-for-layout-containment-box②">layout containment box</a> <strong>and</strong> at least one subsequent <span id="ref-for-fragmentation-container②">fragmentation container</span> of the same <span id="ref-for-fragmentation-context②">fragmentation context</span> is not a descendant of that same element with layout containment,
then the first <span id="ref-for-layout-containment-box③">layout containment box</span> which is either a <span id="ref-for-fragmentation-container③">fragmentation container</span> itself
or is an ancestor of a <span id="ref-for-fragmentation-container④">fragmentation container</span> must “trap” the remainder of the <a data-link-type="dfn" href="https://drafts.csswg.org/css-break-3/#fragmented-flow" id="ref-for-fragmented-flow">fragmented flow</a>: <a data-link-type="dfn" href="https://drafts.csswg.org/css-break-3/#fragmentation" id="ref-for-fragmentation">fragmentation</a> must not continue past the <span id="ref-for-layout-containment⑤">layout containment</span> boundary,
and the last <span id="ref-for-fragmentation-container⑤">fragmentation container</span> within the first <span id="ref-for-layout-containment⑥">layout containment</span> boundary
is treated as if it is the last <span id="ref-for-fragmentation-container⑥">fragmentation container</span> in its <span id="ref-for-fragmentation-context③">fragmentation context</span>.</p>
     <p>If subsequent <a data-link-type="dfn" href="https://drafts.csswg.org/css-break-3/#fragmentation-container" id="ref-for-fragmentation-container⑦">fragmentation containers</a> in the <a data-link-type="dfn" href="https://drafts.csswg.org/css-break-3/#fragmentation-context" id="ref-for-fragmentation-context④">fragmentation context</a> are only generated when more content remains in the <a data-link-type="dfn" href="https://drafts.csswg.org/css-break-3/#fragmented-flow" id="ref-for-fragmented-flow①">fragmented flow</a>,
then they are not generated.
If they would exist regardless,
they remain part of the <span id="ref-for-fragmentation-context⑤">fragmentation context</span>,
but do not receive any content from the <span id="ref-for-fragmented-flow②">fragmented flow</span>.</p>
     <p class="note" role="note"><span>Note:</span> At the time of writing, no stable specification is affected by this point.
Only specifications that would enable some (but not all) fragmentation containers of a fragmentation context
to be layout-contained (or descendants of a layout contained element)
are concerned.
This is not the case of <a data-link-type="biblio" href="#biblio-css-page-3">[CSS-PAGE-3]</a> nor of <a data-link-type="biblio" href="#biblio-css-multicol-1">[CSS-MULTICOL-1]</a>.
This requirement is nonetheless included because
several mechanisms that would make this a possibility have been considered
(e.g.: <a data-link-type="biblio" href="#biblio-css-regions-1">[CSS-REGIONS-1]</a>, <a class="css" data-link-type="maybe" href="https://drafts.csswg.org/css-overflow-4/#selectordef-nth-fragment" id="ref-for-selectordef-nth-fragment">::nth-fragment()</a>, a hypothetical selector for individual columns of a multicol…),
and the guarantees that layout containment is intended to offer would not be realized
if such mechanisms did not abide by this rule. <span>[CSS-REGIONS-1]</span> has details over how <a data-link-type="dfn" href="#layout-containment" id="ref-for-layout-containment⑦">layout containment</a> affects
regions.</p>
     <div class="example" id="example-2b10faa8">
      <a class="self-link" href="#example-2b10faa8"></a>
<pre><code class="highlight"><c- p>&lt;</c-><c- f>article</c-><c- p>></c->Lorem ipsum…<c- p>&lt;/</c-><c- f>article</c-><c- p>></c->
<c- p>&lt;</c-><c- f>div</c-> <c- e>id</c-><c- o>=</c-><c- s>a</c-><c- p>>&lt;/</c-><c- f>div</c-><c- p>></c->
<c- p>&lt;</c-><c- f>aside</c-><c- p>></c->
  <c- p>&lt;</c-><c- f>div</c-> <c- e>id</c-><c- o>=</c-><c- s>b</c-><c- p>>&lt;/</c-><c- f>div</c-><c- p>></c->
  <c- p>&lt;</c-><c- f>div</c-> <c- e>id</c-><c- o>=</c-><c- s>c</c-><c- p>>&lt;/</c-><c- f>div</c-><c- p>></c->
<c- p>&lt;/</c-><c- f>aside</c-><c- p>></c->
<c- p>&lt;</c-><c- f>aside</c-><c- p>></c->
  <c- p>&lt;</c-><c- f>div</c-> <c- e>id</c-><c- o>=</c-><c- s>d</c-><c- p>>&lt;/</c-><c- f>div</c-><c- p>></c->
  <c- p>&lt;</c-><c- f>div</c-> <c- e>id</c-><c- o>=</c-><c- s>e</c-><c- p>>&lt;/</c-><c- f>div</c-><c- p>></c->
<c- p>&lt;/</c-><c- f>aside</c-><c- p>></c->
<c- p>&lt;</c-><c- f>div</c-> <c- e>id</c-><c- o>=</c-><c- s>f</c-><c- p>>&lt;/</c-><c- f>div</c-><c- p>></c->
</code></pre>
<pre><code class="highlight">article <c- p>{</c-><c- k>flow-into</c-><c- p>:</c-> foo<c- p>;}</c->
#a<c- p>,</c-> #b<c- p>,</c-> #c<c- p>,</c-> #d<c- p>,</c-> #e<c- p>,</c-> #f <c- p>{</c-><c- k>flow-from</c-><c- p>:</c-> foo<c- p>;}</c->
aside <c- p>{</c-><c- k>contain</c-><c- p>:</c-> layout<c- p>}</c->
</code></pre>
      <p>In this <a data-link-type="biblio" href="#biblio-css-regions-1">[CSS-REGIONS-1]</a> example,
	content can flow from <code>#a</code> to <code>#b</code>,
	from <code>#b</code> to <code>#c</code>.
	However as <code>#c</code> is the last fragment container in the first <a data-link-type="dfn" href="#layout-containment-box" id="ref-for-layout-containment-box④">layout containment box</a> it traps all the remaining content,
	and nothing gets flowed into <code>#d</code>, <code>#e</code>, or <code>#f</code>.</p>
     </div>
    <li data-md>
     <p>If the computed value of the <a class="property css" data-link-type="property" href="https://drafts.csswg.org/css-overflow-3/#propdef-overflow" id="ref-for-propdef-overflow①">overflow</a> property is
either <a class="css" data-link-type="maybe" href="https://drafts.csswg.org/css-overflow-3/#valdef-overflow-visible" id="ref-for-valdef-overflow-visible">visible</a> or <a class="css" data-link-type="maybe" href="https://drafts.csswg.org/css-overflow-3/#valdef-overflow-clip" id="ref-for-valdef-overflow-clip">clip</a> or a combination thereof,
any overflow must be treated as <a data-link-type="dfn" href="https://drafts.csswg.org/css-overflow-3/#ink-overflow" id="ref-for-ink-overflow">ink overflow</a>.</p>
     <details class="wpt-tests-block" dir="ltr" lang="en" open>
      <summary>Tests</summary>
      <ul class="wpt-tests-list">
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-ink-overflow-013.html" title="css/css-contain/contain-layout-ink-overflow-013.html">contain-layout-ink-overflow-013.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-ink-overflow-013.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-ink-overflow-013.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-ink-overflow-014.html" title="css/css-contain/contain-layout-ink-overflow-014.html">contain-layout-ink-overflow-014.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-ink-overflow-014.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-ink-overflow-014.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-ink-overflow-015.html" title="css/css-contain/contain-layout-ink-overflow-015.html">contain-layout-ink-overflow-015.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-ink-overflow-015.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-ink-overflow-015.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-ink-overflow-016.html" title="css/css-contain/contain-layout-ink-overflow-016.html">contain-layout-ink-overflow-016.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-ink-overflow-016.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-ink-overflow-016.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-ink-overflow-017.html" title="css/css-contain/contain-layout-ink-overflow-017.html">contain-layout-ink-overflow-017.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-ink-overflow-017.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-ink-overflow-017.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-ink-overflow-018.html" title="css/css-contain/contain-layout-ink-overflow-018.html">contain-layout-ink-overflow-018.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-ink-overflow-018.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-ink-overflow-018.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-ink-overflow-019.html" title="css/css-contain/contain-layout-ink-overflow-019.html">contain-layout-ink-overflow-019.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-ink-overflow-019.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-ink-overflow-019.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-ink-overflow-020.html" title="css/css-contain/contain-layout-ink-overflow-020.html">contain-layout-ink-overflow-020.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-ink-overflow-020.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-ink-overflow-020.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-overflow-001.html" title="css/css-contain/contain-layout-overflow-001.html">contain-layout-overflow-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-overflow-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-overflow-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-overflow-002.html" title="css/css-contain/contain-layout-overflow-002.html">contain-layout-overflow-002.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-overflow-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-overflow-002.html"><small>(source)</small></a>
      </ul>
     </details>
    <li data-md>
     <p>The <a data-link-type="dfn" href="#layout-containment-box" id="ref-for-layout-containment-box⑤">layout containment box</a> establishes an <a data-link-type="dfn" href="https://drafts.csswg.org/css-position-3/#absolute-positioning-containing-block" id="ref-for-absolute-positioning-containing-block">absolute positioning containing block</a> and a <a data-link-type="dfn" href="https://drafts.csswg.org/css-position-3/#fixed-positioning-containing-block" id="ref-for-fixed-positioning-containing-block">fixed positioning containing block</a>.</p>
     <details class="wpt-tests-block" dir="ltr" lang="en" open>
      <summary>Tests</summary>
      <ul class="wpt-tests-list">
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-006.html" title="css/css-contain/contain-layout-006.html">contain-layout-006.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-006.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-006.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-007.html" title="css/css-contain/contain-layout-007.html">contain-layout-007.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-007.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-007.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-cell-001.html" title="css/css-contain/contain-layout-cell-001.html">contain-layout-cell-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-cell-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-cell-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-cell-002.html" title="css/css-contain/contain-layout-cell-002.html">contain-layout-cell-002.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-cell-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-cell-002.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-021.html" title="css/css-contain/contain-layout-021.html">contain-layout-021.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-021.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-021.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-containing-block-absolute-001.html" title="css/css-contain/contain-layout-containing-block-absolute-001.html">contain-layout-containing-block-absolute-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-containing-block-absolute-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-containing-block-absolute-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-containing-block-fixed-001.html" title="css/css-contain/contain-layout-containing-block-fixed-001.html">contain-layout-containing-block-fixed-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-containing-block-fixed-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-containing-block-fixed-001.html"><small>(source)</small></a>
      </ul>
     </details>
    <li data-md>
     <p>The <a data-link-type="dfn" href="#layout-containment-box" id="ref-for-layout-containment-box⑥">layout containment box</a> creates a <a data-link-type="dfn" href="https://drafts.csswg.org/css2/#stacking-context" id="ref-for-stacking-context">stacking context</a>.</p>
     <details class="wpt-tests-block" dir="ltr" lang="en" open>
      <summary>Tests</summary>
      <ul class="wpt-tests-list">
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-016.html" title="css/css-contain/contain-layout-016.html">contain-layout-016.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-016.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-016.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-017.html" title="css/css-contain/contain-layout-017.html">contain-layout-017.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-017.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-017.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-018.html" title="css/css-contain/contain-layout-018.html">contain-layout-018.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-018.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-018.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-stacking-context-001.html" title="css/css-contain/contain-layout-stacking-context-001.html">contain-layout-stacking-context-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-stacking-context-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-stacking-context-001.html"><small>(source)</small></a>
      </ul>
     </details>
    <li data-md>
     <p><a data-link-type="dfn" href="https://drafts.csswg.org/css-break-3/#forced-break" id="ref-for-forced-break">Forced breaks</a> are allowed within <a data-link-type="dfn" href="#layout-containment-box" id="ref-for-layout-containment-box⑦">layout containment boxes</a> but do not propagate to the parent as otherwise described in <a href="https://www.w3.org/TR/css-break-3/#break-between"><cite>CSS Fragmentation 3</cite> § 3.1 Breaks Between Boxes: the break-before and break-after properties</a>.</p>
     <details class="wpt-tests-block" dir="ltr" lang="en" open>
      <summary>Tests</summary>
      <ul class="wpt-tests-list">
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-breaks-001.html" title="css/css-contain/contain-layout-breaks-001.html">contain-layout-breaks-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-breaks-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-breaks-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-breaks-002.html" title="css/css-contain/contain-layout-breaks-002.html">contain-layout-breaks-002.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-breaks-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-breaks-002.html"><small>(source)</small></a>
      </ul>
     </details>
     <p class="note" role="note"><span>Note:</span> This introduces the previously non-existent possibility that <a data-link-type="dfn" href="https://drafts.csswg.org/css-break-3/#forced-break" id="ref-for-forced-break①">forced breaks</a> may occur between a box and its container (See <a href="https://www.w3.org/TR/css-break-3/#possible-breaks"><cite>CSS Fragmentation 3</cite> § 4.1 Possible Break Points</a>).</p>
    <li data-md>
     <p>For the purpose of the <a class="property css" data-link-type="property" href="https://www.w3.org/TR/CSS2/visudet.html#propdef-vertical-align" id="ref-for-propdef-vertical-align">vertical-align</a> property,
or any other property whose effects
need to relate the position of the <a data-link-type="dfn" href="#layout-containment-box" id="ref-for-layout-containment-box⑧">layout containment box</a>'s baseline
to something other than its descendants,
the <span id="ref-for-layout-containment-box⑨">containment box</span> is treated as having no baseline.</p>
     <details class="wpt-tests-block" dir="ltr" lang="en" open>
      <summary>Tests</summary>
      <ul class="wpt-tests-list">
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-baseline-001.html" title="css/css-contain/contain-layout-baseline-001.html">contain-layout-baseline-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-baseline-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-baseline-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-button-001.html" title="css/css-contain/contain-layout-button-001.html">contain-layout-button-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-button-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-button-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-flexbox-001.html" title="css/css-contain/contain-layout-flexbox-001.html">contain-layout-flexbox-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-flexbox-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-flexbox-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-grid-001.html" title="css/css-contain/contain-layout-grid-001.html">contain-layout-grid-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-grid-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-grid-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-baseline-002.html" title="css/css-contain/contain-layout-baseline-002.html">contain-layout-baseline-002.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-baseline-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-baseline-002.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-baseline-003.html" title="css/css-contain/contain-layout-baseline-003.html">contain-layout-baseline-003.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-baseline-003.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-baseline-003.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-baseline-004.html" title="css/css-contain/contain-layout-baseline-004.html">contain-layout-baseline-004.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-baseline-004.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-baseline-004.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-baseline-005.html" title="css/css-contain/contain-layout-baseline-005.html">contain-layout-baseline-005.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-baseline-005.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-baseline-005.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-suppress-baseline-001.html" title="css/css-contain/contain-layout-suppress-baseline-001.html">contain-layout-suppress-baseline-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-suppress-baseline-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-suppress-baseline-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-suppress-baseline-002.html" title="css/css-contain/contain-layout-suppress-baseline-002.html">contain-layout-suppress-baseline-002.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-suppress-baseline-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-suppress-baseline-002.html"><small>(source)</small></a>
      </ul>
     </details>
   </ol>
   <p>However, giving an element <a data-link-type="dfn" href="#layout-containment" id="ref-for-layout-containment⑧">layout containment</a> has no effect if any of the following are true:</p>
   <ul>
    <li data-md>
     <p>if the element does not generate a <a data-link-type="dfn" href="https://drafts.csswg.org/css-display-3/#principal-box" id="ref-for-principal-box⑤">principal box</a> (as is the case with <a class="css" data-link-type="propdesc" href="https://drafts.csswg.org/css-display-3/#propdef-display" id="ref-for-propdef-display②">display: contents</a> or <span class="css" id="ref-for-propdef-display③">display: none</span>)</p>
     <details class="wpt-tests-block" dir="ltr" lang="en" open>
      <summary>Tests</summary>
      <ul class="wpt-tests-list">
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-ignored-cases-no-principal-box-001.html" title="css/css-contain/contain-layout-ignored-cases-no-principal-box-001.html">contain-layout-ignored-cases-no-principal-box-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-ignored-cases-no-principal-box-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-ignored-cases-no-principal-box-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-ignored-cases-no-principal-box-002.html" title="css/css-contain/contain-layout-ignored-cases-no-principal-box-002.html">contain-layout-ignored-cases-no-principal-box-002.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-ignored-cases-no-principal-box-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-ignored-cases-no-principal-box-002.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-ignored-cases-no-principal-box-003.html" title="css/css-contain/contain-layout-ignored-cases-no-principal-box-003.html">contain-layout-ignored-cases-no-principal-box-003.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-ignored-cases-no-principal-box-003.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-ignored-cases-no-principal-box-003.html"><small>(source)</small></a>
      </ul>
     </details>
    <li data-md>
     <p>if its <a data-link-type="dfn" href="https://drafts.csswg.org/css-display-3/#principal-box" id="ref-for-principal-box⑥">principal box</a> is
an <a data-link-type="dfn" href="https://drafts.csswg.org/css-display-3/#internal-table-box" id="ref-for-internal-table-box①">internal table box</a> other than <a class="css" data-link-type="maybe" href="https://drafts.csswg.org/css-display-3/#valdef-display-table-cell" id="ref-for-valdef-display-table-cell">table-cell</a></p>
     <details class="wpt-tests-block" dir="ltr" lang="en" open>
      <summary>Tests</summary>
      <ul class="wpt-tests-list">
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-009.html" title="css/css-contain/contain-layout-009.html">contain-layout-009.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-009.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-009.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-010.html" title="css/css-contain/contain-layout-010.html">contain-layout-010.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-010.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-010.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-011.html" title="css/css-contain/contain-layout-011.html">contain-layout-011.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-011.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-011.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-012.html" title="css/css-contain/contain-layout-012.html">contain-layout-012.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-012.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-012.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-013.html" title="css/css-contain/contain-layout-013.html">contain-layout-013.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-013.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-013.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-014.html" title="css/css-contain/contain-layout-014.html">contain-layout-014.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-014.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-014.html"><small>(source)</small></a>
      </ul>
     </details>
    <li data-md>
     <p>if its <a data-link-type="dfn" href="https://drafts.csswg.org/css-display-3/#principal-box" id="ref-for-principal-box⑦">principal box</a> is
an <a data-link-type="dfn" href="https://drafts.csswg.org/css-display-3/#internal-ruby-box" id="ref-for-internal-ruby-box①">internal ruby box</a> or a <a data-link-type="dfn" href="https://drafts.csswg.org/css-display-3/#atomic-inline" id="ref-for-atomic-inline①">non-atomic</a> <a data-link-type="dfn" href="https://drafts.csswg.org/css-display-3/#inline-level" id="ref-for-inline-level①">inline-level</a> box</p>
     <details class="wpt-tests-block" dir="ltr" lang="en" open>
      <summary>Tests</summary>
      <ul class="wpt-tests-list">
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-002.html" title="css/css-contain/contain-layout-002.html">contain-layout-002.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-002.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-003.html" title="css/css-contain/contain-layout-003.html">contain-layout-003.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-003.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-003.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-004.html" title="css/css-contain/contain-layout-004.html">contain-layout-004.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-004.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-004.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-005.html" title="css/css-contain/contain-layout-005.html">contain-layout-005.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-005.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-005.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-001.html" title="css/css-contain/contain-layout-001.html">contain-layout-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-independent-formatting-context-003.html" title="css/css-contain/contain-layout-independent-formatting-context-003.html">contain-layout-independent-formatting-context-003.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-independent-formatting-context-003.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-independent-formatting-context-003.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-layout-ignored-cases-ib-split-001.html" title="css/css-contain/contain-layout-ignored-cases-ib-split-001.html">contain-layout-ignored-cases-ib-split-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-layout-ignored-cases-ib-split-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-layout-ignored-cases-ib-split-001.html"><small>(source)</small></a>
      </ul>
     </details>
   </ul>
   <h4 class="no-toc heading settled" data-level="3.2.1" id="containment-layout-opt"><span class="secno">3.2.1. </span><span class="content"> Possible Layout-Containment Optimizations</span><a class="self-link" href="#containment-layout-opt"></a></h4>
   <p><em>This section is non-normative.</em></p>
   <p>Possible optimizations that can be enabled by <a data-link-type="dfn" href="#layout-containment" id="ref-for-layout-containment⑨">layout containment</a> include (but are not limited to):</p>
   <ol>
    <li data-md>
     <p>When laying out the page,
the contents of separate <a data-link-type="dfn" href="#layout-containment-box" id="ref-for-layout-containment-box①⓪">containment boxes</a> can be laid out in parallel,
as they’re guaranteed not to affect each other.</p>
    <li data-md>
     <p>When laying out the page,
if the <a data-link-type="dfn" href="#layout-containment-box" id="ref-for-layout-containment-box①①">containment box</a> is off-screen or obscured
and the layout of the visible parts of the screen do not depend on the size of the <span id="ref-for-layout-containment-box①②">containment box</span> (for example, if the <span id="ref-for-layout-containment-box①③">containment box</span> is near the end of a block container,
and you’re viewing the beginning of the block container),
the layout of the <span id="ref-for-layout-containment-box①④">containment box</span>' contents can be delayed or done at a lower priority.</p>
     <p>(When paired with <a data-link-type="dfn" href="#size-containment" id="ref-for-size-containment⑦">size containment</a>,
this optimization can be applied more liberally.)</p>
   </ol>
   <h3 class="heading settled" data-level="3.3" id="containment-paint"><span class="secno">3.3. </span><span class="content"> Paint Containment</span><a class="self-link" href="#containment-paint"></a></h3>
   <p>Giving an element <dfn class="dfn-paneled" data-dfn-type="dfn" data-export id="paint-containment">paint containment</dfn> makes its <a data-link-type="dfn" href="https://drafts.csswg.org/css-display-3/#principal-box" id="ref-for-principal-box⑧">principal box</a> a <dfn class="dfn-paneled" data-dfn-type="dfn" data-noexport id="paint-containment-box">paint containment box</dfn> and has the following effects:</p>
   <ol>
    <li data-md>
     <p>The contents of the element
including any <a data-link-type="dfn" href="https://drafts.csswg.org/css-overflow-3/#ink-overflow" id="ref-for-ink-overflow①">ink</a> or <a data-link-type="dfn" href="https://drafts.csswg.org/css-overflow-3/#scrollable-overflow" id="ref-for-scrollable-overflow">scrollable overflow</a> must be clipped to the <a data-link-type="dfn" href="https://www.w3.org/TR/CSS2/box.html#padding-edge" id="ref-for-padding-edge">padding edge</a> of the <a data-link-type="dfn" href="#paint-containment-box" id="ref-for-paint-containment-box①">paint containment box</a>,
taking <a data-link-type="dfn" href="https://drafts.csswg.org/css-backgrounds-3/#corner-clipping" id="ref-for-corner-clipping">corner clipping</a> into account.
This does not include the creation of any mechanism
to access or indicate the presence of the clipped content;
nor does it inhibit the creation of any such mechanism through other properties, <span class="informative">such as <a class="property css" data-link-type="property" href="https://drafts.csswg.org/css-overflow-3/#propdef-overflow" id="ref-for-propdef-overflow②">overflow</a>, <a class="property css" data-link-type="property" href="https://drafts.csswg.org/css-ui-4/#propdef-resize" id="ref-for-propdef-resize">resize</a>, or <a class="property css" data-link-type="property" href="https://drafts.csswg.org/css-ui-3/#propdef-text-overflow" id="ref-for-propdef-text-overflow">text-overflow</a></span>.</p>
     <p class="note" role="note"><span>Note:</span> The next level of this specification <a data-link-type="biblio" href="#biblio-css-contain-2">[CSS-CONTAIN-2]</a> refines this effect
to apply to the <a data-link-type="dfn" href="https://drafts.csswg.org/css-overflow-3/#overflow-clip-edge" id="ref-for-overflow-clip-edge">overflow clip edge</a> rather than the <a data-link-type="dfn" href="https://www.w3.org/TR/CSS2/box.html#padding-edge" id="ref-for-padding-edge①">padding edge</a>,
in order to take the new <a class="property css" data-link-type="property" href="https://drafts.csswg.org/css-overflow-3/#propdef-overflow-clip-margin" id="ref-for-propdef-overflow-clip-margin">overflow-clip-margin</a> property into account.
For implementations that do not support <span class="property" id="ref-for-propdef-overflow-clip-margin①">overflow-clip-margin</span>,
the effect is identical.</p>
     <p class="note" role="note"><span>Note:</span> The behavior is described in this paragraph is equivalent to changing <a class="css" data-link-type="propdesc" href="https://drafts.csswg.org/css-overflow-3/#propdef-overflow-x" id="ref-for-propdef-overflow-x">overflow-x: visible</a> into <span class="css" id="ref-for-propdef-overflow-x①">overflow-x: clip</span> and <a class="css" data-link-type="propdesc" href="https://drafts.csswg.org/css-overflow-3/#propdef-overflow-y" id="ref-for-propdef-overflow-y">overflow-y: visible</a> into <span class="css" id="ref-for-propdef-overflow-y①">overflow-y: clip</span> at used value time,
while leaving other values of <span class="property" id="ref-for-propdef-overflow-x②">overflow-x</span> and <span class="property" id="ref-for-propdef-overflow-y②">overflow-y</span> unchanged.</p>
     <details class="wpt-tests-block" dir="ltr" lang="en" open>
      <summary>Tests</summary>
      <ul class="wpt-tests-list">
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-001.html" title="css/css-contain/contain-paint-001.html">contain-paint-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-004.html" title="css/css-contain/contain-paint-004.html">contain-paint-004.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-004.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-004.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-047.html" title="css/css-contain/contain-paint-047.html">contain-paint-047.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-047.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-047.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-048.html" title="css/css-contain/contain-paint-048.html">contain-paint-048.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-048.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-048.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-cell-001.html" title="css/css-contain/contain-paint-cell-001.html">contain-paint-cell-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-cell-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-cell-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-cell-002.html" title="css/css-contain/contain-paint-cell-002.html">contain-paint-cell-002.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-cell-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-cell-002.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-clip-011.html" title="css/css-contain/contain-paint-clip-011.html">contain-paint-clip-011.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-clip-011.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-clip-011.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-clip-012.html" title="css/css-contain/contain-paint-clip-012.html">contain-paint-clip-012.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-clip-012.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-clip-012.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-clip-013.html" title="css/css-contain/contain-paint-clip-013.html">contain-paint-clip-013.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-clip-013.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-clip-013.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-clip-014.html" title="css/css-contain/contain-paint-clip-014.html">contain-paint-clip-014.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-clip-014.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-clip-014.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-clip-015.html" title="css/css-contain/contain-paint-clip-015.html">contain-paint-clip-015.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-clip-015.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-clip-015.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-clip-016.html" title="css/css-contain/contain-paint-clip-016.html">contain-paint-clip-016.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-clip-016.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-clip-016.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-clip-017.html" title="css/css-contain/contain-paint-clip-017.html">contain-paint-clip-017.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-clip-017.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-clip-017.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-clip-018.html" title="css/css-contain/contain-paint-clip-018.html">contain-paint-clip-018.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-clip-018.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-clip-018.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-clip-019.html" title="css/css-contain/contain-paint-clip-019.html">contain-paint-clip-019.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-clip-019.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-clip-019.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-table-001.html" title="css/css-contain/contain-paint-table-001.html">contain-paint-table-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-table-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-table-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-table-002.html" title="css/css-contain/contain-paint-table-002.html">contain-paint-table-002.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-table-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-table-002.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-026.html" title="css/css-contain/contain-paint-026.html">contain-paint-026.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-026.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-026.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-049.html" title="css/css-contain/contain-paint-049.html">contain-paint-049.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-049.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-049.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-clip-001.html" title="css/css-contain/contain-paint-clip-001.html">contain-paint-clip-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-clip-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-clip-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-clip-002.html" title="css/css-contain/contain-paint-clip-002.html">contain-paint-clip-002.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-clip-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-clip-002.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-clip-003.html" title="css/css-contain/contain-paint-clip-003.html">contain-paint-clip-003.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-clip-003.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-clip-003.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-clip-004.html" title="css/css-contain/contain-paint-clip-004.html">contain-paint-clip-004.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-clip-004.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-clip-004.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-clip-005.html" title="css/css-contain/contain-paint-clip-005.html">contain-paint-clip-005.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-clip-005.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-clip-005.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-clip-006.html" title="css/css-contain/contain-paint-clip-006.html">contain-paint-clip-006.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-clip-006.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-clip-006.html"><small>(source)</small></a>
      </ul>
     </details>
    <li data-md>
     <p>The <a data-link-type="dfn" href="#paint-containment-box" id="ref-for-paint-containment-box②">paint containment box</a> establishes an <a data-link-type="dfn" href="https://drafts.csswg.org/css-position-3/#absolute-positioning-containing-block" id="ref-for-absolute-positioning-containing-block①">absolute positioning containing block</a> and a <a data-link-type="dfn" href="https://drafts.csswg.org/css-position-3/#fixed-positioning-containing-block" id="ref-for-fixed-positioning-containing-block①">fixed positioning containing block</a>.</p>
     <details class="wpt-tests-block" dir="ltr" lang="en" open>
      <summary>Tests</summary>
      <ul class="wpt-tests-list">
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-009.html" title="css/css-contain/contain-paint-009.html">contain-paint-009.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-009.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-009.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-010.html" title="css/css-contain/contain-paint-010.html">contain-paint-010.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-010.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-010.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-022.html" title="css/css-contain/contain-paint-022.html">contain-paint-022.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-022.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-022.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-023.html" title="css/css-contain/contain-paint-023.html">contain-paint-023.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-023.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-023.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-024.html" title="css/css-contain/contain-paint-024.html">contain-paint-024.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-024.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-024.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-containing-block-absolute-001.html" title="css/css-contain/contain-paint-containing-block-absolute-001.html">contain-paint-containing-block-absolute-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-containing-block-absolute-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-containing-block-absolute-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-containing-block-fixed-001.html" title="css/css-contain/contain-paint-containing-block-fixed-001.html">contain-paint-containing-block-fixed-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-containing-block-fixed-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-containing-block-fixed-001.html"><small>(source)</small></a>
      </ul>
     </details>
    <li data-md>
     <p>The <a data-link-type="dfn" href="#paint-containment-box" id="ref-for-paint-containment-box③">paint containment box</a> creates a <a data-link-type="dfn" href="https://drafts.csswg.org/css2/#stacking-context" id="ref-for-stacking-context①">stacking context</a>.</p>
     <details class="wpt-tests-block" dir="ltr" lang="en" open>
      <summary>Tests</summary>
      <ul class="wpt-tests-list">
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-020.html" title="css/css-contain/contain-paint-020.html">contain-paint-020.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-020.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-020.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-021.html" title="css/css-contain/contain-paint-021.html">contain-paint-021.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-021.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-021.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-025.html" title="css/css-contain/contain-paint-025.html">contain-paint-025.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-025.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-025.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-subgrid-001.html" title="css/css-contain/contain-subgrid-001.html">contain-subgrid-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-subgrid-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-subgrid-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-stacking-context-001a.html" title="css/css-contain/contain-paint-stacking-context-001a.html">contain-paint-stacking-context-001a.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-stacking-context-001a.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-stacking-context-001a.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-stacking-context-001b.html" title="css/css-contain/contain-paint-stacking-context-001b.html">contain-paint-stacking-context-001b.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-stacking-context-001b.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-stacking-context-001b.html"><small>(source)</small></a>
      </ul>
     </details>
    <li data-md>
     <p>The <a data-link-type="dfn" href="#paint-containment-box" id="ref-for-paint-containment-box④">paint containment box</a> <a data-link-type="dfn" href="https://drafts.csswg.org/css-display-3/#establish-an-independent-formatting-context" id="ref-for-establish-an-independent-formatting-context①">establishes an independent formatting context</a>.</p>
     <details class="wpt-tests-block" dir="ltr" lang="en" open>
      <summary>Tests</summary>
      <ul class="wpt-tests-list">
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-ifc-011.html" title="css/css-contain/contain-paint-ifc-011.html">contain-paint-ifc-011.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-ifc-011.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-ifc-011.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-independent-formatting-context-001.html" title="css/css-contain/contain-paint-independent-formatting-context-001.html">contain-paint-independent-formatting-context-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-independent-formatting-context-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-independent-formatting-context-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-independent-formatting-context-002.html" title="css/css-contain/contain-paint-independent-formatting-context-002.html">contain-paint-independent-formatting-context-002.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-independent-formatting-context-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-independent-formatting-context-002.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-formatting-context-float-001.html" title="css/css-contain/contain-paint-formatting-context-float-001.html">contain-paint-formatting-context-float-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-formatting-context-float-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-formatting-context-float-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-formatting-context-margin-001.html" title="css/css-contain/contain-paint-formatting-context-margin-001.html">contain-paint-formatting-context-margin-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-formatting-context-margin-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-formatting-context-margin-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-baseline-001.html" title="css/css-contain/contain-paint-baseline-001.html">contain-paint-baseline-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-baseline-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-baseline-001.html"><small>(source)</small></a>
      </ul>
     </details>
   </ol>
   <p>However, giving an element <a data-link-type="dfn" href="#paint-containment" id="ref-for-paint-containment①">paint containment</a> has no effect if any of the following are true:</p>
   <ul>
    <li data-md>
     <p>if the element does not generate a <a data-link-type="dfn" href="https://drafts.csswg.org/css-display-3/#principal-box" id="ref-for-principal-box⑨">principal box</a> (as is the case with <a class="css" data-link-type="propdesc" href="https://drafts.csswg.org/css-display-3/#propdef-display" id="ref-for-propdef-display④">display: contents</a> or <span class="css" id="ref-for-propdef-display⑤">display: none</span>)</p>
     <details class="wpt-tests-block" dir="ltr" lang="en" open>
      <summary>Tests</summary>
      <ul class="wpt-tests-list">
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-ignored-cases-no-principal-box-001.html" title="css/css-contain/contain-paint-ignored-cases-no-principal-box-001.html">contain-paint-ignored-cases-no-principal-box-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-ignored-cases-no-principal-box-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-ignored-cases-no-principal-box-001.html"><small>(source)</small></a>
      </ul>
     </details>
    <li data-md>
     <p>if its <a data-link-type="dfn" href="https://drafts.csswg.org/css-display-3/#principal-box" id="ref-for-principal-box①⓪">principal box</a> is
an <a data-link-type="dfn" href="https://drafts.csswg.org/css-display-3/#internal-table-box" id="ref-for-internal-table-box②">internal table box</a> other than <a class="css" data-link-type="maybe" href="https://drafts.csswg.org/css-display-3/#valdef-display-table-cell" id="ref-for-valdef-display-table-cell①">table-cell</a></p>
     <details class="wpt-tests-block" dir="ltr" lang="en" open>
      <summary>Tests</summary>
      <ul class="wpt-tests-list">
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-014.html" title="css/css-contain/contain-paint-014.html">contain-paint-014.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-014.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-014.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-015.html" title="css/css-contain/contain-paint-015.html">contain-paint-015.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-015.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-015.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-016.html" title="css/css-contain/contain-paint-016.html">contain-paint-016.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-016.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-016.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-017.html" title="css/css-contain/contain-paint-017.html">contain-paint-017.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-017.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-017.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-018.html" title="css/css-contain/contain-paint-018.html">contain-paint-018.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-018.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-018.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-019.html" title="css/css-contain/contain-paint-019.html">contain-paint-019.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-019.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-019.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-ignored-cases-internal-table-001a.html" title="css/css-contain/contain-paint-ignored-cases-internal-table-001a.html">contain-paint-ignored-cases-internal-table-001a.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-ignored-cases-internal-table-001a.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-ignored-cases-internal-table-001a.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-ignored-cases-internal-table-001b.html" title="css/css-contain/contain-paint-ignored-cases-internal-table-001b.html">contain-paint-ignored-cases-internal-table-001b.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-ignored-cases-internal-table-001b.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-ignored-cases-internal-table-001b.html"><small>(source)</small></a>
      </ul>
     </details>
    <li data-md>
     <p>if its <a data-link-type="dfn" href="https://drafts.csswg.org/css-display-3/#principal-box" id="ref-for-principal-box①①">principal box</a> is
an <a data-link-type="dfn" href="https://drafts.csswg.org/css-display-3/#internal-ruby-box" id="ref-for-internal-ruby-box②">internal ruby box</a> or a <a data-link-type="dfn" href="https://drafts.csswg.org/css-display-3/#atomic-inline" id="ref-for-atomic-inline②">non-atomic</a> <a data-link-type="dfn" href="https://drafts.csswg.org/css-display-3/#inline-level" id="ref-for-inline-level②">inline-level</a> box</p>
     <details class="wpt-tests-block" dir="ltr" lang="en" open>
      <summary>Tests</summary>
      <ul class="wpt-tests-list">
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-005.html" title="css/css-contain/contain-paint-005.html">contain-paint-005.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-005.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-005.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-006.html" title="css/css-contain/contain-paint-006.html">contain-paint-006.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-006.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-006.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-007.html" title="css/css-contain/contain-paint-007.html">contain-paint-007.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-007.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-007.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-008.html" title="css/css-contain/contain-paint-008.html">contain-paint-008.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-008.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-008.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-ignored-cases-ruby-containing-block-001.html" title="css/css-contain/contain-paint-ignored-cases-ruby-containing-block-001.html">contain-paint-ignored-cases-ruby-containing-block-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-ignored-cases-ruby-containing-block-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-ignored-cases-ruby-containing-block-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-ignored-cases-ruby-stacking-and-clipping-001.html" title="css/css-contain/contain-paint-ignored-cases-ruby-stacking-and-clipping-001.html">contain-paint-ignored-cases-ruby-stacking-and-clipping-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-ignored-cases-ruby-stacking-and-clipping-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-ignored-cases-ruby-stacking-and-clipping-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-002.html" title="css/css-contain/contain-paint-002.html">contain-paint-002.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-002.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-011.html" title="css/css-contain/contain-paint-011.html">contain-paint-011.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-011.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-011.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-012.html" title="css/css-contain/contain-paint-012.html">contain-paint-012.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-012.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-012.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-independent-formatting-context-003.html" title="css/css-contain/contain-paint-independent-formatting-context-003.html">contain-paint-independent-formatting-context-003.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-independent-formatting-context-003.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-independent-formatting-context-003.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-paint-ignored-cases-ib-split-001.html" title="css/css-contain/contain-paint-ignored-cases-ib-split-001.html">contain-paint-ignored-cases-ib-split-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-paint-ignored-cases-ib-split-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-paint-ignored-cases-ib-split-001.html"><small>(source)</small></a>
      </ul>
     </details>
   </ul>
   <h4 class="no-toc heading settled" data-level="3.3.1" id="containment-paint-opt"><span class="secno">3.3.1. </span><span class="content"> Possible Paint-Containment Optimizations</span><a class="self-link" href="#containment-paint-opt"></a></h4>
   <p><em>This section is non-normative.</em></p>
   <p>Possible optimizations that can be enabled by <a data-link-type="dfn" href="#paint-containment" id="ref-for-paint-containment②">paint containment</a> include (but are not limited to):</p>
   <ol>
    <li data-md>
     <p>If the <a data-link-type="dfn" href="#paint-containment-box" id="ref-for-paint-containment-box⑤">containment box</a> is off-screen or obscured,
the UA can usually skip trying to paint its contents,
as they’re guaranteed to be off-screen/obscured as well.</p>
     <p class="note" role="note"><span>Note:</span> Some paint effects such as the <a class="css" data-link-type="maybe" href="https://drafts.fxtf.org/filter-effects-1/#funcdef-filter-blur" id="ref-for-funcdef-filter-blur">blur()</a> filter from <a data-link-type="biblio" href="#biblio-filter-effects-1">[FILTER-EFFECTS-1]</a> have non local effects.
The user agent needs to keep track of these,
as it may need to repaint parts of an element with such a filter
when its descendents change,
even if they have <a data-link-type="dfn" href="#paint-containment" id="ref-for-paint-containment③">paint containment</a> and could otherwise be skipped.</p>
    <li data-md>
     <p>Unless the clipped content is made accessible via a separate mechanism
such as the <a class="property css" data-link-type="property" href="https://drafts.csswg.org/css-overflow-3/#propdef-overflow" id="ref-for-propdef-overflow③">overflow</a>, <a class="property css" data-link-type="property" href="https://drafts.csswg.org/css-ui-4/#propdef-resize" id="ref-for-propdef-resize①">resize</a>, or <a class="property css" data-link-type="property" href="https://drafts.csswg.org/css-ui-3/#propdef-text-overflow" id="ref-for-propdef-text-overflow①">text-overflow</a> properties,
the UA can reserve "canvas" space for the box exactly the box’s size.
(In similar, scrollable, situations, like <span class="css" id="ref-for-propdef-overflow④">overflow: hidden</span>,
it’s possible to scroll to the currently-clipped content,
so UAs often predictively overpaint somewhat
so there’s something to see as soon as the scroll happens,
rather than a frame later.)</p>
    <li data-md>
     <p>Because they are guaranteed to be stacking contexts,
scrolling elements can be painted into a single GPU layer.</p>
   </ol>
   <h2 class="heading settled" data-level="4" id="privacy"><span class="secno">4. </span><span class="content"> Privacy Considerations</span><span id="priv-sec"></span><a class="self-link" href="#privacy"></a></h2>
   <p>There are no known privacy impacts of the features in this specification.</p>
   <h2 class="heading settled" data-level="5" id="security"><span class="secno">5. </span><span class="content"> Security Considerations</span><a class="self-link" href="#security"></a></h2>
   <p>There are no known security impacts of the features in this specification.</p>
   <p>Like any other CSS specification, it affects the rendering of the document,
	but does not introduce any special ability to present content in a misleading way
	that was not previously available through other CSS modules
	and that isn’t inherent to the act of formatting the document.</p>
   <h2 class="no-num non-normative heading settled" id="changes"><span class="content">Appendix A. Changes</span><a class="self-link" href="#changes"></a></h2>
   <p>This appendix is <em>informative</em>.</p>
   <h3 class="heading settled" id="2020-12-22-changes"><span class="content">Changes from the <a href="https://www.w3.org/TR/2020/REC-css-contain-1-20201222/">Recommendation of 22 December 2020</a></span><a class="self-link" href="#2020-12-22-changes"></a></h3>
   <p>A full <a href="https://drafts.csswg.org/css-contain-1/issues-2022-rec">Disposition of Comments</a> is available.</p>
   <ul>
    <li> Marked as <a href="#c3">Candidate Correction 3</a>:
			Define the effects of containment on outwards propagation of properties
			from the HTML <code><a data-link-type="element" href="https://html.spec.whatwg.org/multipage/sections.html#the-body-element" id="ref-for-the-body-element④">body</a></code> element.
    <li>
      Editorial tweaks:
     <ul>
      <li> Note that paint effects with non-local effects can limit certain optimization opportunities.
      <li> Add subsection headings for the possible optimizations
      <li> List cases where various types of containment do not apply
					at the end rather than the start of each section,
					to start with the general behavior
					and go into exceptions later.
     </ul>
   </ul>
   <h3 class="heading settled" id="2019-11-21-changes"><span class="content">Changes from the <a href="https://www.w3.org/TR/2019/REC-css-contain-1-20191121/">Recommendation of 21 November 2019</a></span><a class="self-link" href="#2019-11-21-changes"></a></h3>
   <p>A full <a href="https://drafts.csswg.org/css-contain-1/issues-2020-rec">Disposition of Comments</a> is available.</p>
   <ul>
    <li> Marked as <a href="#c1">Candidate Correction 1</a>:
			Changed how the computed values of the contain property are determined for the shortcut values.
    <li> Marked as <a href="#c2">Candidate Correction 2</a>:
			Rewrote much of the <a href="#containment-size">§ 3.1 Size Containment</a> section in more detail
			to clarify ambiguities about how it is meant to work,
			and improve the general legibility.
			The intended behavior is unaltered.
    <li> Marked as <a href="#c3">Candidate Correction 3</a>:
			Define the effects of containment on outwards propagation of properties
			from the HTML <code><a data-link-type="element" href="https://html.spec.whatwg.org/multipage/sections.html#the-body-element" id="ref-for-the-body-element⑤">body</a></code> element.
    <li>
      Editorial tweaks:
     <ul>
      <li> Added an example and clarified a note in the <a href="#containment-size">§ 3.1 Size Containment</a> section
      <li> phrasing improvement in <a href="#containment-paint">§ 3.3 Paint Containment</a> to use established terminology rather than ad-hoc wording with the same intended meaning
      <li> phrasing improvement in note in <a href="#containment-paint">§ 3.3 Paint Containment</a>
      <li> terminology change: replace "containing box" with "containment box"
     </ul>
   </ul>
   <h3 class="heading settled" id="2019-04-30-changes"><span class="content">Changes from the <a href="https://www.w3.org/TR/2019/CR-css-contain-1-20190430/">Candidate Recommendation of 30 April 2019</a></span><a class="self-link" href="#2019-04-30-changes"></a></h3>
   <p>Full Dispositions of Comments <a href="https://drafts.csswg.org/css-contain-1/issues-2019-cr">since CR</a> and <a href="https://drafts.csswg.org/css-contain-1/issues-2019-10-pr">since PR</a> is available.</p>
   <ul>
    <li> Editorial tweaks
    <li>
      <span id="valdef-contain-style"></span> <span id="containment-style"></span> <span id="style-containment"></span> <span id="property-scoped"></span> <span id="property-scoped-to-an-element"></span> <span id="property-scoped-to-a-sub-tree"></span> Drop the at-risk “style containment” feature from this specification, move it <a href="https://drafts.csswg.org/css-contain-2/">Level 2</a>
     <details class="wpt-tests-block" dir="ltr" lang="en" open>
      <summary>Tests</summary>
      <ul class="wpt-tests-list">
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-strict-011.html" title="css/css-contain/contain-strict-011.html">contain-strict-011.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-strict-011.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-strict-011.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-content-011.html" title="css/css-contain/contain-content-011.html">contain-content-011.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-content-011.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-content-011.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-style-baseline-001.html" title="css/css-contain/contain-style-baseline-001.html">contain-style-baseline-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-style-baseline-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-style-baseline-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-style-breaks-001.html" title="css/css-contain/contain-style-breaks-001.html">contain-style-breaks-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-style-breaks-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-style-breaks-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-style-breaks-002.html" title="css/css-contain/contain-style-breaks-002.html">contain-style-breaks-002.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-style-breaks-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-style-breaks-002.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-style-breaks-003.html" title="css/css-contain/contain-style-breaks-003.html">contain-style-breaks-003.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-style-breaks-003.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-style-breaks-003.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-style-breaks-004.html" title="css/css-contain/contain-style-breaks-004.html">contain-style-breaks-004.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-style-breaks-004.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-style-breaks-004.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-style-breaks-005.html" title="css/css-contain/contain-style-breaks-005.html">contain-style-breaks-005.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-style-breaks-005.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-style-breaks-005.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-style-counters-001.html" title="css/css-contain/contain-style-counters-001.html">contain-style-counters-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-style-counters-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-style-counters-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-style-counters-002.html" title="css/css-contain/contain-style-counters-002.html">contain-style-counters-002.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-style-counters-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-style-counters-002.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-style-counters-003.html" title="css/css-contain/contain-style-counters-003.html">contain-style-counters-003.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-style-counters-003.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-style-counters-003.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-style-counters-004.html" title="css/css-contain/contain-style-counters-004.html">contain-style-counters-004.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-style-counters-004.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-style-counters-004.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/counter-scoping-001.html" title="css/css-contain/counter-scoping-001.html">counter-scoping-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/counter-scoping-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/counter-scoping-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/counter-scoping-002.html" title="css/css-contain/counter-scoping-002.html">counter-scoping-002.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/counter-scoping-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/counter-scoping-002.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/counter-scoping-003.html" title="css/css-contain/counter-scoping-003.html">counter-scoping-003.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/counter-scoping-003.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/counter-scoping-003.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/quote-scoping-001.html" title="css/css-contain/quote-scoping-001.html">quote-scoping-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/quote-scoping-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/quote-scoping-001.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/quote-scoping-002.html" title="css/css-contain/quote-scoping-002.html">quote-scoping-002.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/quote-scoping-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/quote-scoping-002.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/quote-scoping-003.html" title="css/css-contain/quote-scoping-003.html">quote-scoping-003.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/quote-scoping-003.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/quote-scoping-003.html"><small>(source)</small></a>
       <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/quote-scoping-004.html" title="css/css-contain/quote-scoping-004.html">quote-scoping-004.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/quote-scoping-004.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/quote-scoping-004.html"><small>(source)</small></a>
      </ul>
     </details>
   </ul>
   <h3 class="heading settled" id="2018-11-08-changes"><span class="content">Changes from the <a href="https://www.w3.org/TR/2018/CR-css-contain-1-20181108/">Candidate Recommendation of 08 November 2018</a></span><a class="self-link" href="#2018-11-08-changes"></a></h3>
   <p>A full <a href="https://drafts.csswg.org/css-contain-1/issues-2018-11-cr.html">Disposition of Comments</a> is available.</p>
   <ul>
    <li data-md>
     <p>Exclude <a data-link-type="dfn" href="https://drafts.csswg.org/css-contain-2/#style-containment" id="ref-for-style-containment">style containment</a> from <a class="css" data-link-type="propdesc" href="#propdef-contain" id="ref-for-propdef-contain①⑤">contain: strict</a> and <span class="css" id="ref-for-propdef-contain①⑥">contain: content</span>, and mark it at risk.</p>
   </ul>
   <h3 class="heading settled" id="2018-05-24-changes"><span class="content">Changes from the <a href="https://www.w3.org/TR/2018/CR-css-contain-1-20180524/">Candidate Recommendation of 24 May 2018</a></span><a class="self-link" href="#2018-05-24-changes"></a></h3>
   <p>A full <a href="https://drafts.csswg.org/css-contain-1/issues-2018-cr.html">Disposition of Comments</a> is available.</p>
   <ul>
    <li data-md>
     <p>Clarify that layout containment causes overflow to be treated as ink overflow only when visible (or clip)</p>
    <li data-md>
     <p>Layout containment suppresses baseline alignment, but size containment does not</p>
    <li data-md>
     <p>Layout containment causes the element to establish a new stacking context</p>
    <li data-md>
     <p>Size containment does not apply to tables</p>
    <li data-md>
     <p>Clarify that the columns and grid properties affect the size of size-contained elements</p>
    <li data-md>
     <p>Change the animation type of the contain property from discrete to not animatable</p>
    <li data-md>
     <p>Define the effect of containment on SVG elements</p>
    <li data-md>
     <p>Editorial improvements</p>
    <li data-md>
     <p>A comprehensive test suite for the full specification was developed, see <a href="http://test.csswg.org/harness/review/css-contain-1_dev">http://test.csswg.org/harness/review/css-contain-1_dev</a></p>
   </ul>
   <h3 class="heading settled" id="2017-08-08-changes"><span class="content">Changes from the <a href="https://www.w3.org/TR/2017/CR-css-contain-1-20170808/">Candidate Recommendation of 8 August 2017</a></span><a class="self-link" href="#2017-08-08-changes"></a></h3>
   <p>A full <a href="https://drafts.csswg.org/css-contain-1/issues-2017-cr.html">Disposition of Comments</a> is available.</p>
   <ul>
    <li>Clarify to which box paint containment clips (<a href="https://github.com/web-platform-tests/wpt/pull/10549/commits/5b92ee3c170e3be239937a3ae069f37655ff6671">see tests</a>).
    <li>Move the interaction between containment and the <code>bookmark-*</code> and <code>string-set</code> properties to <a data-link-type="biblio" href="#biblio-css-content-3">[CSS-CONTENT-3]</a> (additional tests not needed, no change in behavior).
    <li>Remove the effects of style containment on the "break-*" properties (<a href="https://github.com/web-platform-tests/wpt/pull/10549/commits/d6a4f606a0501fe6ca526483a7a379ba2e9eaa1c">see tests</a>).
    <li>Move the description of the effects of containment on regions from this specification to <a data-link-type="biblio" href="#biblio-css-regions-1">[CSS-REGIONS-1]</a> (additional tests not needed, no change in behavior).
    <li>Clarify the effects of style scoping on counter-set and counter-increment (<a href="https://github.com/web-platform-tests/wpt/pull/10549/commits/d7fbc4794403dfeb55f13310d4c1cb51813e2d6e">see tests</a>)
    <li>Size layout and paint containment don’t apply to internal ruby elements (<a href="https://github.com/web-platform-tests/wpt/pull/10549/commits/ba5a04e3d65f9f39c2d6431a9ece5eb15d22116b">see tests</a>)
    <li>Layout, Paint, and size containments do not apply to non-atomic inlines (see <a href="https://github.com/web-platform-tests/wpt/pull/10549/commits/402a19bde8981a402d9dba73083f84d96e4aeeb9">tests here</a> and <a href="https://github.com/web-platform-tests/wpt/pull/10549/commits/69b5681ee7aa5a028eb694b2c93bfd48c1ef08e4">one more test here</a>)
    <li>Align paint containment’s behavior with overflow:clip (<a href="https://github.com/web-platform-tests/wpt/pull/10549/commits/e2f844700a4a165f7ab6a0f021bbe1bf4d921cc0">see test</a>)
    <li>Elements with size containment are monolithic (<a href="https://github.com/web-platform-tests/wpt/pull/10549/commits/536f74e4137196b34d63752f5a9217e23c4fb899#diff-bd8852c889db6d2b471bae58105f9374">see test</a>)
    <li>Forced breaks area allowed in elements with layout containments, but do not propagate (<a href="https://github.com/web-platform-tests/wpt/pull/10549/commits/536f74e4137196b34d63752f5a9217e23c4fb899">see tests</a>)
    <li>Clarify the effects of scoping to a subtree (<a href="https://github.com/web-platform-tests/wpt/pull/10549/commits/7aad64ade18bce9db257c34d72c6dad126a9e9cd">see test</a>)
    <li>Clarify the effects of scoping on open/close quotes (<a href="https://github.com/web-platform-tests/wpt/pull/10549/commits/f6efd2ff775bea39e34b1b260959de618908046b">see tests</a>)
    <li>Editorial clarification: replace "Becoming a formatting context" (aka "Becoming a formatting context root") with "Establish a FC" (additional tests not needed, no change in behavior)
   </ul>
   <h3 class="heading settled" id="2017-04-19-changes"><span class="content">Changes from the <a href="https://www.w3.org/TR/2017/WD-css-contain-1-20170419/">Working Draft of 19 April 2017</a></span><a class="self-link" href="#2017-04-19-changes"></a></h3>
   <p>A <a href="https://drafts.csswg.org/css-contain-1/issues-2017.html">Disposition of Comments</a> covering this draft and the previous one together is available.</p>
   <ul>
    <li>Clarify the interaction with display: contents
    <li>Clarify how containment works on table parts
    <li>Move the interaction between containment and fragmentation of overflow from this specification to CSS-OVERFLOW-4
   </ul>
   <h3 class="heading settled" id="fpwd-changes"><span class="content">Changes from the <a href="https://www.w3.org/TR/2017/WD-css-contain-1-20170221/">First Public Working Draft of 21 February 2017</a></span><a class="self-link" href="#fpwd-changes"></a></h3>
   <ul>
    <li>Specify handling of replaced elements for size containment
    <li>Layout containment makes element act as a containing block for absolutely positioned and fixed positioned descendants.
   </ul>
   <details class="wpt-tests-block" dir="ltr" lang="en" open>
    <summary>Tests</summary>
    <p>WPT tests not applicable to this specification, as they related to later levels.</p>
    <ul class="wpt-tests-list">
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-001.html" title="css/css-contain/content-visibility/content-visibility-001.html">content-visibility-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-001.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-002.html" title="css/css-contain/content-visibility/content-visibility-002.html">content-visibility-002.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-002.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-003.html" title="css/css-contain/content-visibility/content-visibility-003.html">content-visibility-003.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-003.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-003.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-004.html" title="css/css-contain/content-visibility/content-visibility-004.html">content-visibility-004.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-004.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-004.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-005.html" title="css/css-contain/content-visibility/content-visibility-005.html">content-visibility-005.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-005.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-005.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-006.html" title="css/css-contain/content-visibility/content-visibility-006.html">content-visibility-006.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-006.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-006.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-007.html" title="css/css-contain/content-visibility/content-visibility-007.html">content-visibility-007.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-007.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-007.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-008.html" title="css/css-contain/content-visibility/content-visibility-008.html">content-visibility-008.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-008.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-008.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-009.html" title="css/css-contain/content-visibility/content-visibility-009.html">content-visibility-009.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-009.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-009.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-010.html" title="css/css-contain/content-visibility/content-visibility-010.html">content-visibility-010.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-010.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-010.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-011.html" title="css/css-contain/content-visibility/content-visibility-011.html">content-visibility-011.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-011.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-011.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-012.html" title="css/css-contain/content-visibility/content-visibility-012.html">content-visibility-012.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-012.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-012.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-013.html" title="css/css-contain/content-visibility/content-visibility-013.html">content-visibility-013.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-013.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-013.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-014.html" title="css/css-contain/content-visibility/content-visibility-014.html">content-visibility-014.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-014.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-014.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-015.html" title="css/css-contain/content-visibility/content-visibility-015.html">content-visibility-015.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-015.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-015.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-016.html" title="css/css-contain/content-visibility/content-visibility-016.html">content-visibility-016.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-016.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-016.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-017.html" title="css/css-contain/content-visibility/content-visibility-017.html">content-visibility-017.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-017.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-017.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-018.html" title="css/css-contain/content-visibility/content-visibility-018.html">content-visibility-018.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-018.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-018.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-019.sub.https.html" title="css/css-contain/content-visibility/content-visibility-019.sub.https.html">content-visibility-019.sub.https.html</a> <a class="wpt-live" href="https://wpt.live/css/css-contain/content-visibility/content-visibility-019.sub.https.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-019.sub.https.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-020.html" title="css/css-contain/content-visibility/content-visibility-020.html">content-visibility-020.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-020.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-020.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-021.html" title="css/css-contain/content-visibility/content-visibility-021.html">content-visibility-021.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-021.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-021.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-022.html" title="css/css-contain/content-visibility/content-visibility-022.html">content-visibility-022.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-022.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-022.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-023.html" title="css/css-contain/content-visibility/content-visibility-023.html">content-visibility-023.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-023.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-023.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-024.html" title="css/css-contain/content-visibility/content-visibility-024.html">content-visibility-024.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-024.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-024.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-025.html" title="css/css-contain/content-visibility/content-visibility-025.html">content-visibility-025.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-025.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-025.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-026.html" title="css/css-contain/content-visibility/content-visibility-026.html">content-visibility-026.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-026.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-026.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-027.html" title="css/css-contain/content-visibility/content-visibility-027.html">content-visibility-027.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-027.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-027.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-028.html" title="css/css-contain/content-visibility/content-visibility-028.html">content-visibility-028.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-028.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-028.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-029.html" title="css/css-contain/content-visibility/content-visibility-029.html">content-visibility-029.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-029.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-029.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-030.html" title="css/css-contain/content-visibility/content-visibility-030.html">content-visibility-030.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-030.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-030.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-031.html" title="css/css-contain/content-visibility/content-visibility-031.html">content-visibility-031.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-031.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-031.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-032.html" title="css/css-contain/content-visibility/content-visibility-032.html">content-visibility-032.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-032.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-032.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-033.sub.https.html" title="css/css-contain/content-visibility/content-visibility-033.sub.https.html">content-visibility-033.sub.https.html</a> <a class="wpt-live" href="https://wpt.live/css/css-contain/content-visibility/content-visibility-033.sub.https.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-033.sub.https.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-034.html" title="css/css-contain/content-visibility/content-visibility-034.html">content-visibility-034.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-034.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-034.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-035.html" title="css/css-contain/content-visibility/content-visibility-035.html">content-visibility-035.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-035.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-035.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-036.html" title="css/css-contain/content-visibility/content-visibility-036.html">content-visibility-036.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-036.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-036.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-037.html" title="css/css-contain/content-visibility/content-visibility-037.html">content-visibility-037.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-037.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-037.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-038.html" title="css/css-contain/content-visibility/content-visibility-038.html">content-visibility-038.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-038.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-038.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-039.html" title="css/css-contain/content-visibility/content-visibility-039.html">content-visibility-039.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-039.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-039.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-040.html" title="css/css-contain/content-visibility/content-visibility-040.html">content-visibility-040.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-040.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-040.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-041.html" title="css/css-contain/content-visibility/content-visibility-041.html">content-visibility-041.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-041.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-041.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-042.html" title="css/css-contain/content-visibility/content-visibility-042.html">content-visibility-042.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-042.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-042.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-043.html" title="css/css-contain/content-visibility/content-visibility-043.html">content-visibility-043.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-043.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-043.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-044.html" title="css/css-contain/content-visibility/content-visibility-044.html">content-visibility-044.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-044.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-044.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-045.html" title="css/css-contain/content-visibility/content-visibility-045.html">content-visibility-045.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-045.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-045.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-046.html" title="css/css-contain/content-visibility/content-visibility-046.html">content-visibility-046.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-046.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-046.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-047.html" title="css/css-contain/content-visibility/content-visibility-047.html">content-visibility-047.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-047.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-047.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-048.html" title="css/css-contain/content-visibility/content-visibility-048.html">content-visibility-048.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-048.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-048.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-049.html" title="css/css-contain/content-visibility/content-visibility-049.html">content-visibility-049.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-049.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-049.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-050.html" title="css/css-contain/content-visibility/content-visibility-050.html">content-visibility-050.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-050.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-050.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-051.html" title="css/css-contain/content-visibility/content-visibility-051.html">content-visibility-051.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-051.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-051.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-052.html" title="css/css-contain/content-visibility/content-visibility-052.html">content-visibility-052.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-052.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-052.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-053.html" title="css/css-contain/content-visibility/content-visibility-053.html">content-visibility-053.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-053.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-053.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-054.html" title="css/css-contain/content-visibility/content-visibility-054.html">content-visibility-054.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-054.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-054.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-055.html" title="css/css-contain/content-visibility/content-visibility-055.html">content-visibility-055.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-055.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-055.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-056.html" title="css/css-contain/content-visibility/content-visibility-056.html">content-visibility-056.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-056.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-056.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-057.html" title="css/css-contain/content-visibility/content-visibility-057.html">content-visibility-057.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-057.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-057.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-058.html" title="css/css-contain/content-visibility/content-visibility-058.html">content-visibility-058.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-058.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-058.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-060.html" title="css/css-contain/content-visibility/content-visibility-060.html">content-visibility-060.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-060.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-060.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-061.html" title="css/css-contain/content-visibility/content-visibility-061.html">content-visibility-061.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-061.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-061.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-062.html" title="css/css-contain/content-visibility/content-visibility-062.html">content-visibility-062.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-062.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-062.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-063.html" title="css/css-contain/content-visibility/content-visibility-063.html">content-visibility-063.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-063.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-063.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-064.html" title="css/css-contain/content-visibility/content-visibility-064.html">content-visibility-064.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-064.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-064.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-065.html" title="css/css-contain/content-visibility/content-visibility-065.html">content-visibility-065.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-065.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-065.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-066.html" title="css/css-contain/content-visibility/content-visibility-066.html">content-visibility-066.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-066.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-066.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-067.html" title="css/css-contain/content-visibility/content-visibility-067.html">content-visibility-067.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-067.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-067.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-068.html" title="css/css-contain/content-visibility/content-visibility-068.html">content-visibility-068.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-068.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-068.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-069.html" title="css/css-contain/content-visibility/content-visibility-069.html">content-visibility-069.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-069.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-069.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-070.html" title="css/css-contain/content-visibility/content-visibility-070.html">content-visibility-070.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-070.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-070.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-071.html" title="css/css-contain/content-visibility/content-visibility-071.html">content-visibility-071.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-071.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-071.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-072.html" title="css/css-contain/content-visibility/content-visibility-072.html">content-visibility-072.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-072.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-072.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-073.html" title="css/css-contain/content-visibility/content-visibility-073.html">content-visibility-073.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-073.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-073.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-074.html" title="css/css-contain/content-visibility/content-visibility-074.html">content-visibility-074.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-074.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-074.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-075.html" title="css/css-contain/content-visibility/content-visibility-075.html">content-visibility-075.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-075.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-075.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-076.html" title="css/css-contain/content-visibility/content-visibility-076.html">content-visibility-076.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-076.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-076.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-077.html" title="css/css-contain/content-visibility/content-visibility-077.html">content-visibility-077.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-077.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-077.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-078.html" title="css/css-contain/content-visibility/content-visibility-078.html">content-visibility-078.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-078.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-078.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-079.html" title="css/css-contain/content-visibility/content-visibility-079.html">content-visibility-079.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-079.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-079.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-form-controls-crash.html" title="css/css-contain/content-visibility/content-visibility-form-controls-crash.html">content-visibility-form-controls-crash.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-form-controls-crash.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-form-controls-crash.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/inheritance.html" title="css/css-contain/content-visibility/inheritance.html">inheritance.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/inheritance.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/inheritance.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/parsing/content-visibility-computed.html" title="css/css-contain/content-visibility/parsing/content-visibility-computed.html">content-visibility-computed.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/parsing/content-visibility-computed.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/parsing/content-visibility-computed.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/parsing/content-visibility-invalid.html" title="css/css-contain/content-visibility/parsing/content-visibility-invalid.html">content-visibility-invalid.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/parsing/content-visibility-invalid.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/parsing/content-visibility-invalid.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/parsing/content-visibility-valid.html" title="css/css-contain/content-visibility/parsing/content-visibility-valid.html">content-visibility-valid.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/parsing/content-visibility-valid.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/parsing/content-visibility-valid.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/animation-container-size.html" title="css/css-contain/container-queries/animation-container-size.html">animation-container-size.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/animation-container-size.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/animation-container-size.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/animation-container-type-dynamic.html" title="css/css-contain/container-queries/animation-container-type-dynamic.html">animation-container-type-dynamic.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/animation-container-type-dynamic.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/animation-container-type-dynamic.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/animation-nested-animation.html" title="css/css-contain/container-queries/animation-nested-animation.html">animation-nested-animation.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/animation-nested-animation.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/animation-nested-animation.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/animation-nested-transition.html" title="css/css-contain/container-queries/animation-nested-transition.html">animation-nested-transition.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/animation-nested-transition.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/animation-nested-transition.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/aspect-ratio-feature-evaluation.html" title="css/css-contain/container-queries/aspect-ratio-feature-evaluation.html">aspect-ratio-feature-evaluation.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/aspect-ratio-feature-evaluation.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/aspect-ratio-feature-evaluation.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/at-container-parsing.html" title="css/css-contain/container-queries/at-container-parsing.html">at-container-parsing.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/at-container-parsing.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/at-container-parsing.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/at-container-serialization.html" title="css/css-contain/container-queries/at-container-serialization.html">at-container-serialization.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/at-container-serialization.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/at-container-serialization.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/at-container-style-serialization.html" title="css/css-contain/container-queries/at-container-style-serialization.html">at-container-style-serialization.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/at-container-style-serialization.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/at-container-style-serialization.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/auto-scrollbars.html" title="css/css-contain/container-queries/auto-scrollbars.html">auto-scrollbars.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/auto-scrollbars.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/auto-scrollbars.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/backdrop-invalidation.html" title="css/css-contain/container-queries/backdrop-invalidation.html">backdrop-invalidation.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/backdrop-invalidation.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/backdrop-invalidation.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/calc-evaluation.html" title="css/css-contain/container-queries/calc-evaluation.html">calc-evaluation.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/calc-evaluation.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/calc-evaluation.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/canvas-as-container-001.html" title="css/css-contain/container-queries/canvas-as-container-001.html">canvas-as-container-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/canvas-as-container-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/canvas-as-container-001.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/canvas-as-container-002.html" title="css/css-contain/container-queries/canvas-as-container-002.html">canvas-as-container-002.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/canvas-as-container-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/canvas-as-container-002.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/canvas-as-container-003.html" title="css/css-contain/container-queries/canvas-as-container-003.html">canvas-as-container-003.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/canvas-as-container-003.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/canvas-as-container-003.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/canvas-as-container-004.html" title="css/css-contain/container-queries/canvas-as-container-004.html">canvas-as-container-004.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/canvas-as-container-004.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/canvas-as-container-004.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/canvas-as-container-005.html" title="css/css-contain/container-queries/canvas-as-container-005.html">canvas-as-container-005.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/canvas-as-container-005.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/canvas-as-container-005.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/canvas-as-container-006.html" title="css/css-contain/container-queries/canvas-as-container-006.html">canvas-as-container-006.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/canvas-as-container-006.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/canvas-as-container-006.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/change-display-in-container.html" title="css/css-contain/container-queries/change-display-in-container.html">change-display-in-container.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/change-display-in-container.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/change-display-in-container.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/chrome-legacy-skip-recalc.html" title="css/css-contain/container-queries/chrome-legacy-skip-recalc.html">chrome-legacy-skip-recalc.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/chrome-legacy-skip-recalc.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/chrome-legacy-skip-recalc.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/column-spanner-in-container.html" title="css/css-contain/container-queries/column-spanner-in-container.html">column-spanner-in-container.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/column-spanner-in-container.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/column-spanner-in-container.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/conditional-container-status.html" title="css/css-contain/container-queries/conditional-container-status.html">conditional-container-status.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/conditional-container-status.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/conditional-container-status.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/container-computed.html" title="css/css-contain/container-queries/container-computed.html">container-computed.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/container-computed.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/container-computed.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/container-for-cue.html" title="css/css-contain/container-queries/container-for-cue.html">container-for-cue.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/container-for-cue.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/container-for-cue.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/container-for-shadow-dom.html" title="css/css-contain/container-queries/container-for-shadow-dom.html">container-for-shadow-dom.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/container-for-shadow-dom.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/container-for-shadow-dom.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/container-inheritance.html" title="css/css-contain/container-queries/container-inheritance.html">container-inheritance.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/container-inheritance.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/container-inheritance.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/container-inner-at-rules.html" title="css/css-contain/container-queries/container-inner-at-rules.html">container-inner-at-rules.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/container-inner-at-rules.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/container-inner-at-rules.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/container-longhand-animation-type.html" title="css/css-contain/container-queries/container-longhand-animation-type.html">container-longhand-animation-type.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/container-longhand-animation-type.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/container-longhand-animation-type.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/container-name-computed.html" title="css/css-contain/container-queries/container-name-computed.html">container-name-computed.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/container-name-computed.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/container-name-computed.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/container-name-invalidation.html" title="css/css-contain/container-queries/container-name-invalidation.html">container-name-invalidation.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/container-name-invalidation.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/container-name-invalidation.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/container-name-parsing.html" title="css/css-contain/container-queries/container-name-parsing.html">container-name-parsing.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/container-name-parsing.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/container-name-parsing.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/container-nested.html" title="css/css-contain/container-queries/container-nested.html">container-nested.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/container-nested.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/container-nested.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/container-parsing.html" title="css/css-contain/container-queries/container-parsing.html">container-parsing.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/container-parsing.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/container-parsing.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/container-selection.html" title="css/css-contain/container-queries/container-selection.html">container-selection.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/container-selection.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/container-selection.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/container-size-invalidation-after-load.html" title="css/css-contain/container-queries/container-size-invalidation-after-load.html">container-size-invalidation-after-load.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/container-size-invalidation-after-load.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/container-size-invalidation-after-load.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/container-size-invalidation.html" title="css/css-contain/container-queries/container-size-invalidation.html">container-size-invalidation.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/container-size-invalidation.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/container-size-invalidation.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/container-size-nested-invalidation.html" title="css/css-contain/container-queries/container-size-nested-invalidation.html">container-size-nested-invalidation.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/container-size-nested-invalidation.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/container-size-nested-invalidation.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/container-type-computed.html" title="css/css-contain/container-queries/container-type-computed.html">container-type-computed.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/container-type-computed.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/container-type-computed.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/container-type-containment.html" title="css/css-contain/container-queries/container-type-containment.html">container-type-containment.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/container-type-containment.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/container-type-containment.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/container-type-invalidation.html" title="css/css-contain/container-queries/container-type-invalidation.html">container-type-invalidation.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/container-type-invalidation.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/container-type-invalidation.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/container-type-layout-invalidation.html" title="css/css-contain/container-queries/container-type-layout-invalidation.html">container-type-layout-invalidation.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/container-type-layout-invalidation.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/container-type-layout-invalidation.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/container-type-parsing.html" title="css/css-contain/container-queries/container-type-parsing.html">container-type-parsing.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/container-type-parsing.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/container-type-parsing.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/container-units-animation.html" title="css/css-contain/container-queries/container-units-animation.html">container-units-animation.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/container-units-animation.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/container-units-animation.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/container-units-basic.html" title="css/css-contain/container-queries/container-units-basic.html">container-units-basic.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/container-units-basic.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/container-units-basic.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/container-units-computational-independence.html" title="css/css-contain/container-queries/container-units-computational-independence.html">container-units-computational-independence.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/container-units-computational-independence.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/container-units-computational-independence.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/container-units-gradient-invalidation.html" title="css/css-contain/container-queries/container-units-gradient-invalidation.html">container-units-gradient-invalidation.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/container-units-gradient-invalidation.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/container-units-gradient-invalidation.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/container-units-gradient.html" title="css/css-contain/container-queries/container-units-gradient.html">container-units-gradient.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/container-units-gradient.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/container-units-gradient.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/container-units-in-at-container-dynamic.html" title="css/css-contain/container-queries/container-units-in-at-container-dynamic.html">container-units-in-at-container-dynamic.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/container-units-in-at-container-dynamic.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/container-units-in-at-container-dynamic.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/container-units-in-at-container-fallback.html" title="css/css-contain/container-queries/container-units-in-at-container-fallback.html">container-units-in-at-container-fallback.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/container-units-in-at-container-fallback.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/container-units-in-at-container-fallback.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/container-units-in-at-container.html" title="css/css-contain/container-queries/container-units-in-at-container.html">container-units-in-at-container.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/container-units-in-at-container.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/container-units-in-at-container.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/container-units-invalidation.html" title="css/css-contain/container-queries/container-units-invalidation.html">container-units-invalidation.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/container-units-invalidation.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/container-units-invalidation.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/container-units-media-queries.html" title="css/css-contain/container-queries/container-units-media-queries.html">container-units-media-queries.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/container-units-media-queries.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/container-units-media-queries.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/container-units-selection.html" title="css/css-contain/container-queries/container-units-selection.html">container-units-selection.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/container-units-selection.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/container-units-selection.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/container-units-shadow.html" title="css/css-contain/container-queries/container-units-shadow.html">container-units-shadow.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/container-units-shadow.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/container-units-shadow.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/container-units-small-viewport-fallback.html" title="css/css-contain/container-queries/container-units-small-viewport-fallback.html">container-units-small-viewport-fallback.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/container-units-small-viewport-fallback.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/container-units-small-viewport-fallback.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/container-units-svglength.html" title="css/css-contain/container-queries/container-units-svglength.html">container-units-svglength.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/container-units-svglength.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/container-units-svglength.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/container-units-typed-om.html" title="css/css-contain/container-queries/container-units-typed-om.html">container-units-typed-om.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/container-units-typed-om.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/container-units-typed-om.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/counters-flex-circular.html" title="css/css-contain/container-queries/counters-flex-circular.html">counters-flex-circular.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/counters-flex-circular.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/counters-flex-circular.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/counters-in-container-dynamic.html" title="css/css-contain/container-queries/counters-in-container-dynamic.html">counters-in-container-dynamic.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/counters-in-container-dynamic.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/counters-in-container-dynamic.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/counters-in-container.html" title="css/css-contain/container-queries/counters-in-container.html">counters-in-container.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/counters-in-container.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/counters-in-container.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/crashtests/br-crash.html" title="css/css-contain/container-queries/crashtests/br-crash.html">br-crash.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/crashtests/br-crash.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/crashtests/br-crash.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/crashtests/canvas-as-container-crash.html" title="css/css-contain/container-queries/crashtests/canvas-as-container-crash.html">canvas-as-container-crash.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/crashtests/canvas-as-container-crash.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/crashtests/canvas-as-container-crash.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/crashtests/chrome-bug-1289718-000-crash.html" title="css/css-contain/container-queries/crashtests/chrome-bug-1289718-000-crash.html">chrome-bug-1289718-000-crash.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/crashtests/chrome-bug-1289718-000-crash.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/crashtests/chrome-bug-1289718-000-crash.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/crashtests/chrome-bug-1289718-001-crash.html" title="css/css-contain/container-queries/crashtests/chrome-bug-1289718-001-crash.html">chrome-bug-1289718-001-crash.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/crashtests/chrome-bug-1289718-001-crash.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/crashtests/chrome-bug-1289718-001-crash.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/crashtests/chrome-bug-1346969-crash.html" title="css/css-contain/container-queries/crashtests/chrome-bug-1346969-crash.html">chrome-bug-1346969-crash.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/crashtests/chrome-bug-1346969-crash.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/crashtests/chrome-bug-1346969-crash.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/crashtests/chrome-quotes-crash.html" title="css/css-contain/container-queries/crashtests/chrome-quotes-crash.html">chrome-quotes-crash.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/crashtests/chrome-quotes-crash.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/crashtests/chrome-quotes-crash.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/crashtests/chrome-remove-insert-evaluator-crash.html" title="css/css-contain/container-queries/crashtests/chrome-remove-insert-evaluator-crash.html">chrome-remove-insert-evaluator-crash.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/crashtests/chrome-remove-insert-evaluator-crash.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/crashtests/chrome-remove-insert-evaluator-crash.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/crashtests/columns-in-table-001-crash.html" title="css/css-contain/container-queries/crashtests/columns-in-table-001-crash.html">columns-in-table-001-crash.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/crashtests/columns-in-table-001-crash.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/crashtests/columns-in-table-001-crash.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/crashtests/columns-in-table-002-crash.html" title="css/css-contain/container-queries/crashtests/columns-in-table-002-crash.html">columns-in-table-002-crash.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/crashtests/columns-in-table-002-crash.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/crashtests/columns-in-table-002-crash.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/crashtests/container-in-canvas-crash.html" title="css/css-contain/container-queries/crashtests/container-in-canvas-crash.html">container-in-canvas-crash.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/crashtests/container-in-canvas-crash.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/crashtests/container-in-canvas-crash.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/crashtests/container-type-change-chrome-legacy-crash.html" title="css/css-contain/container-queries/crashtests/container-type-change-chrome-legacy-crash.html">container-type-change-chrome-legacy-crash.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/crashtests/container-type-change-chrome-legacy-crash.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/crashtests/container-type-change-chrome-legacy-crash.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/crashtests/flex-in-columns-000-crash.html" title="css/css-contain/container-queries/crashtests/flex-in-columns-000-crash.html">flex-in-columns-000-crash.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/crashtests/flex-in-columns-000-crash.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/crashtests/flex-in-columns-000-crash.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/crashtests/flex-in-columns-001-crash.html" title="css/css-contain/container-queries/crashtests/flex-in-columns-001-crash.html">flex-in-columns-001-crash.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/crashtests/flex-in-columns-001-crash.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/crashtests/flex-in-columns-001-crash.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/crashtests/flex-in-columns-002-crash.html" title="css/css-contain/container-queries/crashtests/flex-in-columns-002-crash.html">flex-in-columns-002-crash.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/crashtests/flex-in-columns-002-crash.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/crashtests/flex-in-columns-002-crash.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/crashtests/flex-in-columns-003-crash.html" title="css/css-contain/container-queries/crashtests/flex-in-columns-003-crash.html">flex-in-columns-003-crash.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/crashtests/flex-in-columns-003-crash.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/crashtests/flex-in-columns-003-crash.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/crashtests/focus-inside-content-visibility-crash.html" title="css/css-contain/container-queries/crashtests/focus-inside-content-visibility-crash.html">focus-inside-content-visibility-crash.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/crashtests/focus-inside-content-visibility-crash.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/crashtests/focus-inside-content-visibility-crash.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/crashtests/force-sibling-style-crash.html" title="css/css-contain/container-queries/crashtests/force-sibling-style-crash.html">force-sibling-style-crash.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/crashtests/force-sibling-style-crash.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/crashtests/force-sibling-style-crash.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/crashtests/grid-in-columns-000-crash.html" title="css/css-contain/container-queries/crashtests/grid-in-columns-000-crash.html">grid-in-columns-000-crash.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/crashtests/grid-in-columns-000-crash.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/crashtests/grid-in-columns-000-crash.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/crashtests/grid-in-columns-001-crash.html" title="css/css-contain/container-queries/crashtests/grid-in-columns-001-crash.html">grid-in-columns-001-crash.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/crashtests/grid-in-columns-001-crash.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/crashtests/grid-in-columns-001-crash.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/crashtests/grid-in-columns-002-crash.html" title="css/css-contain/container-queries/crashtests/grid-in-columns-002-crash.html">grid-in-columns-002-crash.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/crashtests/grid-in-columns-002-crash.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/crashtests/grid-in-columns-002-crash.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/crashtests/grid-in-columns-003-crash.html" title="css/css-contain/container-queries/crashtests/grid-in-columns-003-crash.html">grid-in-columns-003-crash.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/crashtests/grid-in-columns-003-crash.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/crashtests/grid-in-columns-003-crash.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/crashtests/inline-multicol-inside-container-crash.html" title="css/css-contain/container-queries/crashtests/inline-multicol-inside-container-crash.html">inline-multicol-inside-container-crash.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/crashtests/inline-multicol-inside-container-crash.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/crashtests/inline-multicol-inside-container-crash.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/crashtests/inline-with-columns-000-crash.html" title="css/css-contain/container-queries/crashtests/inline-with-columns-000-crash.html">inline-with-columns-000-crash.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/crashtests/inline-with-columns-000-crash.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/crashtests/inline-with-columns-000-crash.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/crashtests/inline-with-columns-001-crash.html" title="css/css-contain/container-queries/crashtests/inline-with-columns-001-crash.html">inline-with-columns-001-crash.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/crashtests/inline-with-columns-001-crash.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/crashtests/inline-with-columns-001-crash.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/crashtests/input-column-group-container-crash.html" title="css/css-contain/container-queries/crashtests/input-column-group-container-crash.html">input-column-group-container-crash.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/crashtests/input-column-group-container-crash.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/crashtests/input-column-group-container-crash.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/crashtests/input-placeholder-inline-size-crash.html" title="css/css-contain/container-queries/crashtests/input-placeholder-inline-size-crash.html">input-placeholder-inline-size-crash.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/crashtests/input-placeholder-inline-size-crash.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/crashtests/input-placeholder-inline-size-crash.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/crashtests/marker-gcs-after-disconnect-crash.html" title="css/css-contain/container-queries/crashtests/marker-gcs-after-disconnect-crash.html">marker-gcs-after-disconnect-crash.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/crashtests/marker-gcs-after-disconnect-crash.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/crashtests/marker-gcs-after-disconnect-crash.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/crashtests/math-block-container-child-crash.html" title="css/css-contain/container-queries/crashtests/math-block-container-child-crash.html">math-block-container-child-crash.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/crashtests/math-block-container-child-crash.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/crashtests/math-block-container-child-crash.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/crashtests/orthogonal-replaced-crash.html" title="css/css-contain/container-queries/crashtests/orthogonal-replaced-crash.html">orthogonal-replaced-crash.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/crashtests/orthogonal-replaced-crash.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/crashtests/orthogonal-replaced-crash.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/crashtests/pseudo-container-crash.html" title="css/css-contain/container-queries/crashtests/pseudo-container-crash.html">pseudo-container-crash.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/crashtests/pseudo-container-crash.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/crashtests/pseudo-container-crash.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/crashtests/svg-layout-root-crash.html" title="css/css-contain/container-queries/crashtests/svg-layout-root-crash.html">svg-layout-root-crash.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/crashtests/svg-layout-root-crash.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/crashtests/svg-layout-root-crash.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/crashtests/svg-text-crash.html" title="css/css-contain/container-queries/crashtests/svg-text-crash.html">svg-text-crash.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/crashtests/svg-text-crash.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/crashtests/svg-text-crash.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/crashtests/table-in-columns-000-crash.html" title="css/css-contain/container-queries/crashtests/table-in-columns-000-crash.html">table-in-columns-000-crash.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/crashtests/table-in-columns-000-crash.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/crashtests/table-in-columns-000-crash.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/crashtests/table-in-columns-001-crash.html" title="css/css-contain/container-queries/crashtests/table-in-columns-001-crash.html">table-in-columns-001-crash.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/crashtests/table-in-columns-001-crash.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/crashtests/table-in-columns-001-crash.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/crashtests/table-in-columns-002-crash.html" title="css/css-contain/container-queries/crashtests/table-in-columns-002-crash.html">table-in-columns-002-crash.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/crashtests/table-in-columns-002-crash.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/crashtests/table-in-columns-002-crash.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/crashtests/table-in-columns-003-crash.html" title="css/css-contain/container-queries/crashtests/table-in-columns-003-crash.html">table-in-columns-003-crash.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/crashtests/table-in-columns-003-crash.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/crashtests/table-in-columns-003-crash.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/crashtests/table-in-columns-004-crash.html" title="css/css-contain/container-queries/crashtests/table-in-columns-004-crash.html">table-in-columns-004-crash.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/crashtests/table-in-columns-004-crash.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/crashtests/table-in-columns-004-crash.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/crashtests/table-in-columns-005-crash.html" title="css/css-contain/container-queries/crashtests/table-in-columns-005-crash.html">table-in-columns-005-crash.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/crashtests/table-in-columns-005-crash.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/crashtests/table-in-columns-005-crash.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/custom-layout-container-001.https.html" title="css/css-contain/container-queries/custom-layout-container-001.https.html">custom-layout-container-001.https.html</a> <a class="wpt-live" href="https://wpt.live/css/css-contain/container-queries/custom-layout-container-001.https.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/custom-layout-container-001.https.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/deep-nested-inline-size-containers.html" title="css/css-contain/container-queries/deep-nested-inline-size-containers.html">deep-nested-inline-size-containers.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/deep-nested-inline-size-containers.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/deep-nested-inline-size-containers.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/display-contents.html" title="css/css-contain/container-queries/display-contents.html">display-contents.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/display-contents.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/display-contents.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/display-in-container.html" title="css/css-contain/container-queries/display-in-container.html">display-in-container.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/display-in-container.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/display-in-container.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/display-none.html" title="css/css-contain/container-queries/display-none.html">display-none.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/display-none.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/display-none.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/fieldset-legend-change.html" title="css/css-contain/container-queries/fieldset-legend-change.html">fieldset-legend-change.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/fieldset-legend-change.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/fieldset-legend-change.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/font-relative-calc-dynamic.html" title="css/css-contain/container-queries/font-relative-calc-dynamic.html">font-relative-calc-dynamic.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/font-relative-calc-dynamic.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/font-relative-calc-dynamic.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/font-relative-units-dynamic.html" title="css/css-contain/container-queries/font-relative-units-dynamic.html">font-relative-units-dynamic.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/font-relative-units-dynamic.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/font-relative-units-dynamic.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/font-relative-units.html" title="css/css-contain/container-queries/font-relative-units.html">font-relative-units.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/font-relative-units.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/font-relative-units.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/fragmented-container-001.html" title="css/css-contain/container-queries/fragmented-container-001.html">fragmented-container-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/fragmented-container-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/fragmented-container-001.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/get-animations.html" title="css/css-contain/container-queries/get-animations.html">get-animations.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/get-animations.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/get-animations.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/grid-container.html" title="css/css-contain/container-queries/grid-container.html">grid-container.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/grid-container.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/grid-container.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/grid-item-container.html" title="css/css-contain/container-queries/grid-item-container.html">grid-item-container.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/grid-item-container.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/grid-item-container.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/idlharness.html" title="css/css-contain/container-queries/idlharness.html">idlharness.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/idlharness.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/idlharness.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/iframe-in-container-invalidation.html" title="css/css-contain/container-queries/iframe-in-container-invalidation.html">iframe-in-container-invalidation.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/iframe-in-container-invalidation.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/iframe-in-container-invalidation.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/iframe-invalidation.html" title="css/css-contain/container-queries/iframe-invalidation.html">iframe-invalidation.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/iframe-invalidation.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/iframe-invalidation.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/ineligible-containment.html" title="css/css-contain/container-queries/ineligible-containment.html">ineligible-containment.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/ineligible-containment.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/ineligible-containment.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/inline-size-and-min-width.html" title="css/css-contain/container-queries/inline-size-and-min-width.html">inline-size-and-min-width.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/inline-size-and-min-width.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/inline-size-and-min-width.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/inline-size-bfc-floats.html" title="css/css-contain/container-queries/inline-size-bfc-floats.html">inline-size-bfc-floats.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/inline-size-bfc-floats.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/inline-size-bfc-floats.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/inline-size-containment-vertical-rl.html" title="css/css-contain/container-queries/inline-size-containment-vertical-rl.html">inline-size-containment-vertical-rl.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/inline-size-containment-vertical-rl.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/inline-size-containment-vertical-rl.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/inline-size-containment.html" title="css/css-contain/container-queries/inline-size-containment.html">inline-size-containment.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/inline-size-containment.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/inline-size-containment.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/inner-first-line-non-matching.html" title="css/css-contain/container-queries/inner-first-line-non-matching.html">inner-first-line-non-matching.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/inner-first-line-non-matching.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/inner-first-line-non-matching.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/layout-dependent-focus.html" title="css/css-contain/container-queries/layout-dependent-focus.html">layout-dependent-focus.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/layout-dependent-focus.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/layout-dependent-focus.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/multicol-container-001.html" title="css/css-contain/container-queries/multicol-container-001.html">multicol-container-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/multicol-container-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/multicol-container-001.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/multicol-inside-container.html" title="css/css-contain/container-queries/multicol-inside-container.html">multicol-inside-container.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/multicol-inside-container.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/multicol-inside-container.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/never-match-container.html" title="css/css-contain/container-queries/never-match-container.html">never-match-container.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/never-match-container.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/never-match-container.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/orthogonal-wm-container-query.html" title="css/css-contain/container-queries/orthogonal-wm-container-query.html">orthogonal-wm-container-query.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/orthogonal-wm-container-query.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/orthogonal-wm-container-query.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/percentage-padding-orthogonal.html" title="css/css-contain/container-queries/percentage-padding-orthogonal.html">percentage-padding-orthogonal.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/percentage-padding-orthogonal.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/percentage-padding-orthogonal.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/pseudo-elements-001.html" title="css/css-contain/container-queries/pseudo-elements-001.html">pseudo-elements-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/pseudo-elements-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/pseudo-elements-001.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/pseudo-elements-002.html" title="css/css-contain/container-queries/pseudo-elements-002.html">pseudo-elements-002.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/pseudo-elements-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/pseudo-elements-002.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/pseudo-elements-003.html" title="css/css-contain/container-queries/pseudo-elements-003.html">pseudo-elements-003.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/pseudo-elements-003.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/pseudo-elements-003.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/pseudo-elements-004.html" title="css/css-contain/container-queries/pseudo-elements-004.html">pseudo-elements-004.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/pseudo-elements-004.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/pseudo-elements-004.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/query-content-box.html" title="css/css-contain/container-queries/query-content-box.html">query-content-box.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/query-content-box.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/query-content-box.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/query-evaluation.html" title="css/css-contain/container-queries/query-evaluation.html">query-evaluation.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/query-evaluation.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/query-evaluation.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/reattach-container-with-dirty-child.html" title="css/css-contain/container-queries/reattach-container-with-dirty-child.html">reattach-container-with-dirty-child.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/reattach-container-with-dirty-child.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/reattach-container-with-dirty-child.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/resize-while-content-visibility-hidden.html" title="css/css-contain/container-queries/resize-while-content-visibility-hidden.html">resize-while-content-visibility-hidden.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/resize-while-content-visibility-hidden.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/resize-while-content-visibility-hidden.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/sibling-layout-dependency.html" title="css/css-contain/container-queries/sibling-layout-dependency.html">sibling-layout-dependency.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/sibling-layout-dependency.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/sibling-layout-dependency.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/size-container-no-principal-box.html" title="css/css-contain/container-queries/size-container-no-principal-box.html">size-container-no-principal-box.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/size-container-no-principal-box.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/size-container-no-principal-box.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/size-feature-evaluation.html" title="css/css-contain/container-queries/size-feature-evaluation.html">size-feature-evaluation.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/size-feature-evaluation.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/size-feature-evaluation.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/style-change-in-container.html" title="css/css-contain/container-queries/style-change-in-container.html">style-change-in-container.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/style-change-in-container.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/style-change-in-container.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/svg-foreignobject-child-container.html" title="css/css-contain/container-queries/svg-foreignobject-child-container.html">svg-foreignobject-child-container.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/svg-foreignobject-child-container.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/svg-foreignobject-child-container.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/svg-foreignobject-no-size-container.html" title="css/css-contain/container-queries/svg-foreignobject-no-size-container.html">svg-foreignobject-no-size-container.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/svg-foreignobject-no-size-container.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/svg-foreignobject-no-size-container.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/svg-g-no-size-container.html" title="css/css-contain/container-queries/svg-g-no-size-container.html">svg-g-no-size-container.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/svg-g-no-size-container.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/svg-g-no-size-container.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/svg-root-size-container.html" title="css/css-contain/container-queries/svg-root-size-container.html">svg-root-size-container.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/svg-root-size-container.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/svg-root-size-container.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/table-inside-container-changing-display.html" title="css/css-contain/container-queries/table-inside-container-changing-display.html">table-inside-container-changing-display.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/table-inside-container-changing-display.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/table-inside-container-changing-display.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/top-layer-dialog-backdrop.html" title="css/css-contain/container-queries/top-layer-dialog-backdrop.html">top-layer-dialog-backdrop.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/top-layer-dialog-backdrop.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/top-layer-dialog-backdrop.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/top-layer-dialog-container.html" title="css/css-contain/container-queries/top-layer-dialog-container.html">top-layer-dialog-container.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/top-layer-dialog-container.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/top-layer-dialog-container.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/top-layer-dialog.html" title="css/css-contain/container-queries/top-layer-dialog.html">top-layer-dialog.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/top-layer-dialog.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/top-layer-dialog.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/top-layer-nested-dialog.html" title="css/css-contain/container-queries/top-layer-nested-dialog.html">top-layer-nested-dialog.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/top-layer-nested-dialog.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/top-layer-nested-dialog.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/transition-scrollbars.html" title="css/css-contain/container-queries/transition-scrollbars.html">transition-scrollbars.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/transition-scrollbars.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/transition-scrollbars.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/transition-style-change-event.html" title="css/css-contain/container-queries/transition-style-change-event.html">transition-style-change-event.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/transition-style-change-event.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/transition-style-change-event.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/unsupported-axis.html" title="css/css-contain/container-queries/unsupported-axis.html">unsupported-axis.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/unsupported-axis.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/unsupported-axis.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/viewport-units-dynamic.html" title="css/css-contain/container-queries/viewport-units-dynamic.html">viewport-units-dynamic.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/viewport-units-dynamic.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/viewport-units-dynamic.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/viewport-units.html" title="css/css-contain/container-queries/viewport-units.html">viewport-units.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/viewport-units.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/viewport-units.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/whitespace-update-after-removal.html" title="css/css-contain/container-queries/whitespace-update-after-removal.html">whitespace-update-after-removal.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/whitespace-update-after-removal.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/whitespace-update-after-removal.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/animation-display-lock.html" title="css/css-contain/content-visibility/animation-display-lock.html">animation-display-lock.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/animation-display-lock.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/animation-display-lock.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-080.html" title="css/css-contain/content-visibility/content-visibility-080.html">content-visibility-080.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-080.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-080.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-081.html" title="css/css-contain/content-visibility/content-visibility-081.html">content-visibility-081.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-081.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-081.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-082.html" title="css/css-contain/content-visibility/content-visibility-082.html">content-visibility-082.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-082.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-082.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-083.html" title="css/css-contain/content-visibility/content-visibility-083.html">content-visibility-083.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-083.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-083.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-084.html" title="css/css-contain/content-visibility/content-visibility-084.html">content-visibility-084.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-084.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-084.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-auto-state-changed.html" title="css/css-contain/content-visibility/content-visibility-auto-state-changed.html">content-visibility-auto-state-changed.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-auto-state-changed.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-auto-state-changed.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-canvas.html" title="css/css-contain/content-visibility/content-visibility-canvas.html">content-visibility-canvas.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-canvas.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-canvas.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-continuations-crash.html" title="css/css-contain/content-visibility/content-visibility-continuations-crash.html">content-visibility-continuations-crash.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-continuations-crash.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-continuations-crash.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-hit-test-contents-crash.html" title="css/css-contain/content-visibility/content-visibility-hit-test-contents-crash.html">content-visibility-hit-test-contents-crash.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-hit-test-contents-crash.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-hit-test-contents-crash.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-img.html" title="css/css-contain/content-visibility/content-visibility-img.html">content-visibility-img.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-img.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-img.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-in-svg-000-crash.html" title="css/css-contain/content-visibility/content-visibility-in-svg-000-crash.html">content-visibility-in-svg-000-crash.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-in-svg-000-crash.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-in-svg-000-crash.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-input-image.html" title="css/css-contain/content-visibility/content-visibility-input-image.html">content-visibility-input-image.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-input-image.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-input-image.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-output-crash.html" title="css/css-contain/content-visibility/content-visibility-output-crash.html">content-visibility-output-crash.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-output-crash.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-output-crash.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-svg.html" title="css/css-contain/content-visibility/content-visibility-svg.html">content-visibility-svg.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-svg.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-svg.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-video.html" title="css/css-contain/content-visibility/content-visibility-video.html">content-visibility-video.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-video.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-video.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/contentvisibility-nestedslot-crash.html" title="css/css-contain/content-visibility/contentvisibility-nestedslot-crash.html">contentvisibility-nestedslot-crash.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/contentvisibility-nestedslot-crash.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/contentvisibility-nestedslot-crash.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/detach-locked-slot-children-crash.html" title="css/css-contain/content-visibility/detach-locked-slot-children-crash.html">detach-locked-slot-children-crash.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/detach-locked-slot-children-crash.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/detach-locked-slot-children-crash.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/document-element-computed-style.html" title="css/css-contain/content-visibility/document-element-computed-style.html">document-element-computed-style.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/document-element-computed-style.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/document-element-computed-style.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/element-reassigned-to-skipped-slot.html" title="css/css-contain/content-visibility/element-reassigned-to-skipped-slot.html">element-reassigned-to-skipped-slot.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/element-reassigned-to-skipped-slot.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/element-reassigned-to-skipped-slot.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/element-reassigned-to-slot-in-skipped-subtree.html" title="css/css-contain/content-visibility/element-reassigned-to-slot-in-skipped-subtree.html">element-reassigned-to-slot-in-skipped-subtree.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/element-reassigned-to-slot-in-skipped-subtree.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/element-reassigned-to-slot-in-skipped-subtree.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/hidden-execcommand-crash.html" title="css/css-contain/content-visibility/hidden-execcommand-crash.html">hidden-execcommand-crash.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/hidden-execcommand-crash.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/hidden-execcommand-crash.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/hidden-pseudo-element-removed-crash.html" title="css/css-contain/content-visibility/hidden-pseudo-element-removed-crash.html">hidden-pseudo-element-removed-crash.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/hidden-pseudo-element-removed-crash.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/hidden-pseudo-element-removed-crash.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/meter-selection-crash.html" title="css/css-contain/content-visibility/meter-selection-crash.html">meter-selection-crash.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/meter-selection-crash.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/meter-selection-crash.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/scrollIntoView-target-with-contents-hidden.html" title="css/css-contain/content-visibility/scrollIntoView-target-with-contents-hidden.html">scrollIntoView-target-with-contents-hidden.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/scrollIntoView-target-with-contents-hidden.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/scrollIntoView-target-with-contents-hidden.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/scrollIntoView-with-focus-target-with-contents-hidden.html" title="css/css-contain/content-visibility/scrollIntoView-with-focus-target-with-contents-hidden.html">scrollIntoView-with-focus-target-with-contents-hidden.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/scrollIntoView-with-focus-target-with-contents-hidden.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/scrollIntoView-with-focus-target-with-contents-hidden.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/slot-content-visibility-1-crash.html" title="css/css-contain/content-visibility/slot-content-visibility-1-crash.html">slot-content-visibility-1-crash.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/slot-content-visibility-1-crash.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/slot-content-visibility-1-crash.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/slot-content-visibility-10-crash.html" title="css/css-contain/content-visibility/slot-content-visibility-10-crash.html">slot-content-visibility-10-crash.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/slot-content-visibility-10-crash.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/slot-content-visibility-10-crash.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/slot-content-visibility-11-crash.html" title="css/css-contain/content-visibility/slot-content-visibility-11-crash.html">slot-content-visibility-11-crash.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/slot-content-visibility-11-crash.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/slot-content-visibility-11-crash.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/slot-content-visibility-12-crash.html" title="css/css-contain/content-visibility/slot-content-visibility-12-crash.html">slot-content-visibility-12-crash.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/slot-content-visibility-12-crash.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/slot-content-visibility-12-crash.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/slot-content-visibility-13-crash.html" title="css/css-contain/content-visibility/slot-content-visibility-13-crash.html">slot-content-visibility-13-crash.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/slot-content-visibility-13-crash.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/slot-content-visibility-13-crash.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/slot-content-visibility-14-crash.html" title="css/css-contain/content-visibility/slot-content-visibility-14-crash.html">slot-content-visibility-14-crash.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/slot-content-visibility-14-crash.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/slot-content-visibility-14-crash.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/slot-content-visibility-15-crash.html" title="css/css-contain/content-visibility/slot-content-visibility-15-crash.html">slot-content-visibility-15-crash.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/slot-content-visibility-15-crash.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/slot-content-visibility-15-crash.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/slot-content-visibility-16-crash.html" title="css/css-contain/content-visibility/slot-content-visibility-16-crash.html">slot-content-visibility-16-crash.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/slot-content-visibility-16-crash.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/slot-content-visibility-16-crash.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/slot-content-visibility-17-crash.html" title="css/css-contain/content-visibility/slot-content-visibility-17-crash.html">slot-content-visibility-17-crash.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/slot-content-visibility-17-crash.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/slot-content-visibility-17-crash.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/slot-content-visibility-18-crash.html" title="css/css-contain/content-visibility/slot-content-visibility-18-crash.html">slot-content-visibility-18-crash.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/slot-content-visibility-18-crash.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/slot-content-visibility-18-crash.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/slot-content-visibility-19-crash.html" title="css/css-contain/content-visibility/slot-content-visibility-19-crash.html">slot-content-visibility-19-crash.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/slot-content-visibility-19-crash.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/slot-content-visibility-19-crash.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/slot-content-visibility-2-crash.html" title="css/css-contain/content-visibility/slot-content-visibility-2-crash.html">slot-content-visibility-2-crash.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/slot-content-visibility-2-crash.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/slot-content-visibility-2-crash.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/slot-content-visibility-20-crash.html" title="css/css-contain/content-visibility/slot-content-visibility-20-crash.html">slot-content-visibility-20-crash.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/slot-content-visibility-20-crash.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/slot-content-visibility-20-crash.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/slot-content-visibility-21-crash.html" title="css/css-contain/content-visibility/slot-content-visibility-21-crash.html">slot-content-visibility-21-crash.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/slot-content-visibility-21-crash.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/slot-content-visibility-21-crash.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/slot-content-visibility-22-crash.html" title="css/css-contain/content-visibility/slot-content-visibility-22-crash.html">slot-content-visibility-22-crash.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/slot-content-visibility-22-crash.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/slot-content-visibility-22-crash.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/slot-content-visibility-3-crash.html" title="css/css-contain/content-visibility/slot-content-visibility-3-crash.html">slot-content-visibility-3-crash.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/slot-content-visibility-3-crash.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/slot-content-visibility-3-crash.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/slot-content-visibility-4-crash.html" title="css/css-contain/content-visibility/slot-content-visibility-4-crash.html">slot-content-visibility-4-crash.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/slot-content-visibility-4-crash.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/slot-content-visibility-4-crash.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/slot-content-visibility-5-crash.html" title="css/css-contain/content-visibility/slot-content-visibility-5-crash.html">slot-content-visibility-5-crash.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/slot-content-visibility-5-crash.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/slot-content-visibility-5-crash.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/slot-content-visibility-6-crash.html" title="css/css-contain/content-visibility/slot-content-visibility-6-crash.html">slot-content-visibility-6-crash.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/slot-content-visibility-6-crash.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/slot-content-visibility-6-crash.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/slot-content-visibility-7-crash.html" title="css/css-contain/content-visibility/slot-content-visibility-7-crash.html">slot-content-visibility-7-crash.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/slot-content-visibility-7-crash.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/slot-content-visibility-7-crash.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/slot-content-visibility-8-crash.html" title="css/css-contain/content-visibility/slot-content-visibility-8-crash.html">slot-content-visibility-8-crash.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/slot-content-visibility-8-crash.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/slot-content-visibility-8-crash.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/slot-content-visibility-9-crash.html" title="css/css-contain/content-visibility/slot-content-visibility-9-crash.html">slot-content-visibility-9-crash.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/slot-content-visibility-9-crash.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/slot-content-visibility-9-crash.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-inline-size-bfc-floats-001.html" title="css/css-contain/contain-inline-size-bfc-floats-001.html">contain-inline-size-bfc-floats-001.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-inline-size-bfc-floats-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-inline-size-bfc-floats-001.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-inline-size-bfc-floats-002.html" title="css/css-contain/contain-inline-size-bfc-floats-002.html">contain-inline-size-bfc-floats-002.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-inline-size-bfc-floats-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-inline-size-bfc-floats-002.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-inline-size-fieldset.html" title="css/css-contain/contain-inline-size-fieldset.html">contain-inline-size-fieldset.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-inline-size-fieldset.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-inline-size-fieldset.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-inline-size-flex.html" title="css/css-contain/contain-inline-size-flex.html">contain-inline-size-flex.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-inline-size-flex.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-inline-size-flex.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-inline-size-flexitem.html" title="css/css-contain/contain-inline-size-flexitem.html">contain-inline-size-flexitem.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-inline-size-flexitem.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-inline-size-flexitem.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-inline-size-grid.html" title="css/css-contain/contain-inline-size-grid.html">contain-inline-size-grid.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-inline-size-grid.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-inline-size-grid.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-inline-size-intrinsic.html" title="css/css-contain/contain-inline-size-intrinsic.html">contain-inline-size-intrinsic.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-inline-size-intrinsic.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-inline-size-intrinsic.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-inline-size-legend.html" title="css/css-contain/contain-inline-size-legend.html">contain-inline-size-legend.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-inline-size-legend.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-inline-size-legend.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-inline-size-multicol.html" title="css/css-contain/contain-inline-size-multicol.html">contain-inline-size-multicol.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-inline-size-multicol.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-inline-size-multicol.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-inline-size-regular-container.html" title="css/css-contain/contain-inline-size-regular-container.html">contain-inline-size-regular-container.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-inline-size-regular-container.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-inline-size-regular-container.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-inline-size-removed.html" title="css/css-contain/contain-inline-size-removed.html">contain-inline-size-removed.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-inline-size-removed.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-inline-size-removed.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-inline-size-replaced.html" title="css/css-contain/contain-inline-size-replaced.html">contain-inline-size-replaced.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-inline-size-replaced.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-inline-size-replaced.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-inline-size-table.html" title="css/css-contain/contain-inline-size-table.html">contain-inline-size-table.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-inline-size-table.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-inline-size-table.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/contain-inline-size-vertical-rl-.html" title="css/css-contain/contain-inline-size-vertical-rl-.html">contain-inline-size-vertical-rl-.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/contain-inline-size-vertical-rl-.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-inline-size-vertical-rl-.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/container-inside-multicol-with-table.html" title="css/css-contain/container-queries/container-inside-multicol-with-table.html">container-inside-multicol-with-table.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/container-inside-multicol-with-table.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/container-inside-multicol-with-table.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/container-size-shadow-invalidation.html" title="css/css-contain/container-queries/container-size-shadow-invalidation.html">container-size-shadow-invalidation.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/container-size-shadow-invalidation.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/container-size-shadow-invalidation.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/custom-property-style-queries.html" title="css/css-contain/container-queries/custom-property-style-queries.html">custom-property-style-queries.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/custom-property-style-queries.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/custom-property-style-queries.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/container-queries/custom-property-style-query-change.html" title="css/css-contain/container-queries/custom-property-style-query-change.html">custom-property-style-query-change.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/container-queries/custom-property-style-query-change.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/container-queries/custom-property-style-query-change.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-forced-layout-client-rects.html" title="css/css-contain/content-visibility/content-visibility-forced-layout-client-rects.html">content-visibility-forced-layout-client-rects.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/content-visibility/content-visibility-forced-layout-client-rects.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/content-visibility/content-visibility-forced-layout-client-rects.html"><small>(source)</small></a>
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-contain/quote-scoping-empty-style-boundaries.html" title="css/css-contain/quote-scoping-empty-style-boundaries.html">quote-scoping-empty-style-boundaries.html</a> <a class="wpt-live" href="http://wpt.live/css/css-contain/quote-scoping-empty-style-boundaries.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/quote-scoping-empty-style-boundaries.html"><small>(source)</small></a>
    </ul>
    <hr>
   </details>
  </main>
  <h2 class="no-ref no-num heading settled" id="w3c-conformance"><span class="content"> Conformance</span><a class="self-link" href="#w3c-conformance"></a></h2>
  <h3 class="no-ref heading settled" id="w3c-conventions"><span class="content"> Document conventions</span><a class="self-link" href="#w3c-conventions"></a></h3>
  <p>Conformance requirements are expressed with a combination of
    descriptive assertions and RFC 2119 terminology. The key words “MUST”,
    “MUST NOT”, “REQUIRED”, “SHALL”, “SHALL NOT”, “SHOULD”, “SHOULD NOT”,
    “RECOMMENDED”, “MAY”, and “OPTIONAL” in the normative parts of this
    document are to be interpreted as described in RFC 2119.
    However, for readability, these words do not appear in all uppercase
    letters in this specification. </p>
  <p>All of the text of this specification is normative except sections
    explicitly marked as non-normative, examples, and notes. <a data-link-type="biblio" href="#biblio-rfc2119">[RFC2119]</a></p>
  <p>Examples in this specification are introduced with the words “for example”
    or are set apart from the normative text with <code>class="example"</code>,
    like this: </p>
  <div class="example" id="w3c-example">
   <a class="self-link" href="#w3c-example"></a>
   <p>This is an example of an informative example.</p>
  </div>
  <p>Informative notes begin with the word “Note” and are set apart from the
    normative text with <code>class="note"</code>, like this: </p>
  <p class="note" role="note">Note, this is an informative note.</p>
  <p>Advisements are normative sections styled to evoke special attention and are
    set apart from other normative text with <code>&lt;strong class="advisement"></code>, like
    this: <strong class="advisement"> UAs MUST provide an accessible alternative. </strong></p>
  <details class="wpt-tests-block" dir="ltr" lang="en" open>
   <summary>Tests</summary>
   <p>Tests relating to the content of this specification
                     may be documented in “Tests” blocks like this one.
                     Any such block is non-normative.</p>
   <ul class="wpt-tests-list"></ul>
   <hr>
  </details>
  <h3 class="no-ref heading settled" id="w3c-conformance-classes"><span class="content"> Conformance classes</span><a class="self-link" href="#w3c-conformance-classes"></a></h3>
  <p>Conformance to this specification
    is defined for three conformance classes: </p>
  <dl>
   <dt>style sheet
   <dd>A <a href="http://www.w3.org/TR/CSS21/conform.html#style-sheet">CSS
            style sheet</a>.
   <dt>renderer
   <dd>A <a href="http://www.w3.org/TR/CSS21/conform.html#user-agent">UA</a> that interprets the semantics of a style sheet and renders
            documents that use them.
   <dt>authoring tool
   <dd>A <a href="http://www.w3.org/TR/CSS21/conform.html#user-agent">UA</a> that writes a style sheet.
  </dl>
  <p>A style sheet is conformant to this specification
    if all of its statements that use syntax defined in this module are valid
    according to the generic CSS grammar and the individual grammars of each
    feature defined in this module. </p>
  <p>A renderer is conformant to this specification
    if, in addition to interpreting the style sheet as defined by the
    appropriate specifications, it supports all the features defined
    by this specification by parsing them correctly
    and rendering the document accordingly. However, the inability of a
    UA to correctly render a document due to limitations of the device
    does not make the UA non-conformant. (For example, a UA is not
    required to render color on a monochrome monitor.) </p>
  <p>An authoring tool is conformant to this specification
    if it writes style sheets that are syntactically correct according to the
    generic CSS grammar and the individual grammars of each feature in
    this module, and meet all other conformance requirements of style sheets
    as described in this module. </p>
  <h3 class="no-ref heading settled" id="w3c-partial"><span class="content"> Partial implementations</span><a class="self-link" href="#w3c-partial"></a></h3>
  <p>So that authors can exploit the forward-compatible parsing rules to
    assign fallback values, CSS renderers <strong>must</strong> treat as invalid (and <a href="http://www.w3.org/TR/CSS21/conform.html#ignore">ignore
    as appropriate</a>) any at-rules, properties, property values, keywords,
    and other syntactic constructs for which they have no usable level of
    support. In particular, user agents <strong>must not</strong> selectively
    ignore unsupported component values and honor supported values in a single
    multi-value property declaration: if any value is considered invalid
    (as unsupported values must be), CSS requires that the entire declaration
    be ignored.</p>
  <h4 class="heading settled" id="w3c-conform-future-proofing"><span class="content"> Implementations of Unstable and Proprietary Features</span><a class="self-link" href="#w3c-conform-future-proofing"></a></h4>
  <p>To avoid clashes with future stable CSS features,
        the CSSWG recommends <a href="http://www.w3.org/TR/CSS/#future-proofing">following best practices</a> for the implementation of <a href="http://www.w3.org/TR/CSS/#unstable">unstable</a> features and <a href="http://www.w3.org/TR/CSS/#proprietary-extension">proprietary extensions</a> to CSS. </p>
  <h3 class="no-ref heading settled" id="w3c-testing"><span class="content"> Non-experimental implementations</span><a class="self-link" href="#w3c-testing"></a></h3>
  <p>Once a specification reaches the Candidate Recommendation stage,
    non-experimental implementations are possible, and implementors should
    release an unprefixed implementation of any CR-level feature they
    can demonstrate to be correctly implemented according to spec. </p>
  <p>To establish and maintain the interoperability of CSS across
    implementations, the CSS Working Group requests that non-experimental
    CSS renderers submit an implementation report (and, if necessary, the
    testcases used for that implementation report) to the W3C before
    releasing an unprefixed implementation of any CSS features. Testcases
    submitted to W3C are subject to review and correction by the CSS
    Working Group. </p>
  <p>Further information on submitting testcases and implementation reports
    can be found from on the CSS Working Group’s website at <a href="http://www.w3.org/Style/CSS/Test/">http://www.w3.org/Style/CSS/Test/</a>.
    Questions should be directed to the <a href="http://lists.w3.org/Archives/Public/public-css-testsuite">public-css-testsuite@w3.org</a> mailing list.</p>
<script src="https://www.w3.org/scripts/TR/2021/fixup.js"></script>
  <h2 class="no-num no-ref heading settled" id="index"><span class="content">Index</span><a class="self-link" href="#index"></a></h2>
  <h3 class="no-num no-ref heading settled" id="index-defined-here"><span class="content">Terms defined by this specification</span><a class="self-link" href="#index-defined-here"></a></h3>
  <ul class="index">
   <li><a href="#propdef-contain">contain</a><span>, in § 2</span>
   <li><a href="#containment">containment</a><span>, in § 3</span>
   <li><a href="#valdef-contain-content">content</a><span>, in § 2</span>
   <li><a href="#laying-out-in-place">Laying out in-place</a><span>, in § 3.1</span>
   <li><a href="#valdef-contain-layout">layout</a><span>, in § 2</span>
   <li><a href="#layout-containment">layout containment</a><span>, in § 3.2</span>
   <li><a href="#layout-containment-box">layout containment box</a><span>, in § 3.2</span>
   <li><a href="#valdef-contain-none">none</a><span>, in § 2</span>
   <li><a href="#valdef-contain-paint">paint</a><span>, in § 2</span>
   <li><a href="#paint-containment">paint containment</a><span>, in § 3.3</span>
   <li><a href="#paint-containment-box">paint containment box</a><span>, in § 3.3</span>
   <li><a href="#valdef-contain-size">size</a><span>, in § 2</span>
   <li><a href="#size-containment">size containment</a><span>, in § 3.1</span>
   <li><a href="#size-containment-box">size containment box</a><span>, in § 3.1</span>
   <li><a href="#sizing-as-if-empty">Sizing as if empty</a><span>, in § 3.1</span>
   <li><a href="#valdef-contain-strict">strict</a><span>, in § 2</span>
  </ul>
  <aside class="dfn-panel" data-for="term-for-propdef-background">
   <a href="https://drafts.csswg.org/css-backgrounds-3/#propdef-background">https://drafts.csswg.org/css-backgrounds-3/#propdef-background</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-background">2.
Strong Containment: the contain property</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-canvas-background">
   <a href="https://drafts.csswg.org/css-backgrounds-3/#canvas-background">https://drafts.csswg.org/css-backgrounds-3/#canvas-background</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-canvas-background">2.
Strong Containment: the contain property</a> <a href="#ref-for-canvas-background①">(2)</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-corner-clipping">
   <a href="https://drafts.csswg.org/css-backgrounds-3/#corner-clipping">https://drafts.csswg.org/css-backgrounds-3/#corner-clipping</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-corner-clipping">3.3.
Paint Containment</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-forced-break">
   <a href="https://drafts.csswg.org/css-break-3/#forced-break">https://drafts.csswg.org/css-break-3/#forced-break</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-forced-break">3.2.
Layout Containment</a> <a href="#ref-for-forced-break①">(2)</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-fragmentation">
   <a href="https://drafts.csswg.org/css-break-3/#fragmentation">https://drafts.csswg.org/css-break-3/#fragmentation</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-fragmentation">3.2.
Layout Containment</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-fragmentation-container">
   <a href="https://drafts.csswg.org/css-break-3/#fragmentation-container">https://drafts.csswg.org/css-break-3/#fragmentation-container</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-fragmentation-container">3.2.
Layout Containment</a> <a href="#ref-for-fragmentation-container①">(2)</a> <a href="#ref-for-fragmentation-container②">(3)</a> <a href="#ref-for-fragmentation-container③">(4)</a> <a href="#ref-for-fragmentation-container④">(5)</a> <a href="#ref-for-fragmentation-container⑤">(6)</a> <a href="#ref-for-fragmentation-container⑥">(7)</a> <a href="#ref-for-fragmentation-container⑦">(8)</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-fragmentation-context">
   <a href="https://drafts.csswg.org/css-break-3/#fragmentation-context">https://drafts.csswg.org/css-break-3/#fragmentation-context</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-fragmentation-context">3.2.
Layout Containment</a> <a href="#ref-for-fragmentation-context①">(2)</a> <a href="#ref-for-fragmentation-context②">(3)</a> <a href="#ref-for-fragmentation-context③">(4)</a> <a href="#ref-for-fragmentation-context④">(5)</a> <a href="#ref-for-fragmentation-context⑤">(6)</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-fragmented-flow">
   <a href="https://drafts.csswg.org/css-break-3/#fragmented-flow">https://drafts.csswg.org/css-break-3/#fragmented-flow</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-fragmented-flow">3.2.
Layout Containment</a> <a href="#ref-for-fragmented-flow①">(2)</a> <a href="#ref-for-fragmented-flow②">(3)</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-monolithic">
   <a href="https://drafts.csswg.org/css-break-3/#monolithic">https://drafts.csswg.org/css-break-3/#monolithic</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-monolithic">3.1.
Size Containment</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-used-value">
   <a href="https://drafts.csswg.org/css-cascade-5/#used-value">https://drafts.csswg.org/css-cascade-5/#used-value</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-used-value">2.
Strong Containment: the contain property</a>
    <li><a href="#ref-for-used-value①">3.1.
Size Containment</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-style-containment">
   <a href="https://drafts.csswg.org/css-contain-2/#style-containment">https://drafts.csswg.org/css-contain-2/#style-containment</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-style-containment">Changes from the
Candidate Recommendation of 08 November 2018</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-atomic-inline">
   <a href="https://drafts.csswg.org/css-display-3/#atomic-inline">https://drafts.csswg.org/css-display-3/#atomic-inline</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-atomic-inline">3.1.
Size Containment</a>
    <li><a href="#ref-for-atomic-inline①">3.2.
Layout Containment</a>
    <li><a href="#ref-for-atomic-inline②">3.3.
Paint Containment</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-display">
   <a href="https://drafts.csswg.org/css-display-3/#propdef-display">https://drafts.csswg.org/css-display-3/#propdef-display</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-display">3.1.
Size Containment</a> <a href="#ref-for-propdef-display①">(2)</a>
    <li><a href="#ref-for-propdef-display②">3.2.
Layout Containment</a> <a href="#ref-for-propdef-display③">(2)</a>
    <li><a href="#ref-for-propdef-display④">3.3.
Paint Containment</a> <a href="#ref-for-propdef-display⑤">(2)</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-establish-an-independent-formatting-context">
   <a href="https://drafts.csswg.org/css-display-3/#establish-an-independent-formatting-context">https://drafts.csswg.org/css-display-3/#establish-an-independent-formatting-context</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-establish-an-independent-formatting-context">3.2.
Layout Containment</a>
    <li><a href="#ref-for-establish-an-independent-formatting-context①">3.3.
Paint Containment</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-initial-containing-block">
   <a href="https://drafts.csswg.org/css-display-3/#initial-containing-block">https://drafts.csswg.org/css-display-3/#initial-containing-block</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-initial-containing-block">2.
Strong Containment: the contain property</a> <a href="#ref-for-initial-containing-block①">(2)</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-inline-level">
   <a href="https://drafts.csswg.org/css-display-3/#inline-level">https://drafts.csswg.org/css-display-3/#inline-level</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-inline-level">3.1.
Size Containment</a>
    <li><a href="#ref-for-inline-level①">3.2.
Layout Containment</a>
    <li><a href="#ref-for-inline-level②">3.3.
Paint Containment</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-inner-display-type">
   <a href="https://drafts.csswg.org/css-display-3/#inner-display-type">https://drafts.csswg.org/css-display-3/#inner-display-type</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-inner-display-type">3.1.
Size Containment</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-internal-ruby-box">
   <a href="https://drafts.csswg.org/css-display-3/#internal-ruby-box">https://drafts.csswg.org/css-display-3/#internal-ruby-box</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-internal-ruby-box">3.1.
Size Containment</a>
    <li><a href="#ref-for-internal-ruby-box①">3.2.
Layout Containment</a>
    <li><a href="#ref-for-internal-ruby-box②">3.3.
Paint Containment</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-internal-table-box">
   <a href="https://drafts.csswg.org/css-display-3/#internal-table-box">https://drafts.csswg.org/css-display-3/#internal-table-box</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-internal-table-box">3.1.
Size Containment</a>
    <li><a href="#ref-for-internal-table-box①">3.2.
Layout Containment</a>
    <li><a href="#ref-for-internal-table-box②">3.3.
Paint Containment</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-principal-box">
   <a href="https://drafts.csswg.org/css-display-3/#principal-box">https://drafts.csswg.org/css-display-3/#principal-box</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-principal-box">3.1.
Size Containment</a> <a href="#ref-for-principal-box①">(2)</a> <a href="#ref-for-principal-box②">(3)</a> <a href="#ref-for-principal-box③">(4)</a>
    <li><a href="#ref-for-principal-box④">3.2.
Layout Containment</a> <a href="#ref-for-principal-box⑤">(2)</a> <a href="#ref-for-principal-box⑥">(3)</a> <a href="#ref-for-principal-box⑦">(4)</a>
    <li><a href="#ref-for-principal-box⑧">3.3.
Paint Containment</a> <a href="#ref-for-principal-box⑨">(2)</a> <a href="#ref-for-principal-box①⓪">(3)</a> <a href="#ref-for-principal-box①①">(4)</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-replaced-element">
   <a href="https://drafts.csswg.org/css-display-3/#replaced-element">https://drafts.csswg.org/css-display-3/#replaced-element</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-replaced-element">3.1.
Size Containment</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-valdef-display-table">
   <a href="https://drafts.csswg.org/css-display-3/#valdef-display-table">https://drafts.csswg.org/css-display-3/#valdef-display-table</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-valdef-display-table">3.1.
Size Containment</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-valdef-display-table-cell">
   <a href="https://drafts.csswg.org/css-display-3/#valdef-display-table-cell">https://drafts.csswg.org/css-display-3/#valdef-display-table-cell</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-valdef-display-table-cell">3.2.
Layout Containment</a>
    <li><a href="#ref-for-valdef-display-table-cell①">3.3.
Paint Containment</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-grid-track">
   <a href="https://drafts.csswg.org/css-grid-2/#grid-track">https://drafts.csswg.org/css-grid-2/#grid-track</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-grid-track">3.1.
Size Containment</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-natural-aspect-ratio">
   <a href="https://drafts.csswg.org/css-images-3/#natural-aspect-ratio">https://drafts.csswg.org/css-images-3/#natural-aspect-ratio</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-natural-aspect-ratio">3.1.
Size Containment</a> <a href="#ref-for-natural-aspect-ratio①">(2)</a> <a href="#ref-for-natural-aspect-ratio②">(3)</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-natural-dimensions">
   <a href="https://drafts.csswg.org/css-images-3/#natural-dimensions">https://drafts.csswg.org/css-images-3/#natural-dimensions</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-natural-dimensions">3.1.
Size Containment</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-natural-height">
   <a href="https://drafts.csswg.org/css-images-3/#natural-height">https://drafts.csswg.org/css-images-3/#natural-height</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-natural-height">3.1.
Size Containment</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-valdef-overflow-clip">
   <a href="https://drafts.csswg.org/css-overflow-3/#valdef-overflow-clip">https://drafts.csswg.org/css-overflow-3/#valdef-overflow-clip</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-valdef-overflow-clip">3.2.
Layout Containment</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-ink-overflow">
   <a href="https://drafts.csswg.org/css-overflow-3/#ink-overflow">https://drafts.csswg.org/css-overflow-3/#ink-overflow</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-ink-overflow">3.2.
Layout Containment</a>
    <li><a href="#ref-for-ink-overflow①">3.3.
Paint Containment</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-overflow">
   <a href="https://drafts.csswg.org/css-overflow-3/#propdef-overflow">https://drafts.csswg.org/css-overflow-3/#propdef-overflow</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-overflow">2.
Strong Containment: the contain property</a>
    <li><a href="#ref-for-propdef-overflow①">3.2.
Layout Containment</a>
    <li><a href="#ref-for-propdef-overflow②">3.3.
Paint Containment</a>
    <li><a href="#ref-for-propdef-overflow③">3.3.1.
Possible Paint-Containment Optimizations</a> <a href="#ref-for-propdef-overflow④">(2)</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-overflow-clip-edge">
   <a href="https://drafts.csswg.org/css-overflow-3/#overflow-clip-edge">https://drafts.csswg.org/css-overflow-3/#overflow-clip-edge</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-overflow-clip-edge">3.3.
Paint Containment</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-overflow-clip-margin">
   <a href="https://drafts.csswg.org/css-overflow-3/#propdef-overflow-clip-margin">https://drafts.csswg.org/css-overflow-3/#propdef-overflow-clip-margin</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-overflow-clip-margin">3.3.
Paint Containment</a> <a href="#ref-for-propdef-overflow-clip-margin①">(2)</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-overflow-x">
   <a href="https://drafts.csswg.org/css-overflow-3/#propdef-overflow-x">https://drafts.csswg.org/css-overflow-3/#propdef-overflow-x</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-overflow-x">3.3.
Paint Containment</a> <a href="#ref-for-propdef-overflow-x①">(2)</a> <a href="#ref-for-propdef-overflow-x②">(3)</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-overflow-y">
   <a href="https://drafts.csswg.org/css-overflow-3/#propdef-overflow-y">https://drafts.csswg.org/css-overflow-3/#propdef-overflow-y</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-overflow-y">3.3.
Paint Containment</a> <a href="#ref-for-propdef-overflow-y①">(2)</a> <a href="#ref-for-propdef-overflow-y②">(3)</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-scrollable-overflow">
   <a href="https://drafts.csswg.org/css-overflow-3/#scrollable-overflow">https://drafts.csswg.org/css-overflow-3/#scrollable-overflow</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-scrollable-overflow">3.3.
Paint Containment</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-valdef-overflow-visible">
   <a href="https://drafts.csswg.org/css-overflow-3/#valdef-overflow-visible">https://drafts.csswg.org/css-overflow-3/#valdef-overflow-visible</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-valdef-overflow-visible">3.2.
Layout Containment</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-selectordef-nth-fragment">
   <a href="https://drafts.csswg.org/css-overflow-4/#selectordef-nth-fragment">https://drafts.csswg.org/css-overflow-4/#selectordef-nth-fragment</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-selectordef-nth-fragment">3.2.
Layout Containment</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-absolute-positioning-containing-block">
   <a href="https://drafts.csswg.org/css-position-3/#absolute-positioning-containing-block">https://drafts.csswg.org/css-position-3/#absolute-positioning-containing-block</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-absolute-positioning-containing-block">3.2.
Layout Containment</a>
    <li><a href="#ref-for-absolute-positioning-containing-block①">3.3.
Paint Containment</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-fixed-positioning-containing-block">
   <a href="https://drafts.csswg.org/css-position-3/#fixed-positioning-containing-block">https://drafts.csswg.org/css-position-3/#fixed-positioning-containing-block</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-fixed-positioning-containing-block">3.2.
Layout Containment</a>
    <li><a href="#ref-for-fixed-positioning-containing-block①">3.3.
Paint Containment</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-selectordef-after">
   <a href="https://drafts.csswg.org/css-pseudo-4/#selectordef-after">https://drafts.csswg.org/css-pseudo-4/#selectordef-after</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-selectordef-after">3.1.
Size Containment</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-selectordef-before">
   <a href="https://drafts.csswg.org/css-pseudo-4/#selectordef-before">https://drafts.csswg.org/css-pseudo-4/#selectordef-before</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-selectordef-before">3.1.
Size Containment</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-selectordef-marker">
   <a href="https://drafts.csswg.org/css-pseudo-4/#selectordef-marker">https://drafts.csswg.org/css-pseudo-4/#selectordef-marker</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-selectordef-marker">3.1.
Size Containment</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-fit-content-size">
   <a href="https://drafts.csswg.org/css-sizing-3/#fit-content-size">https://drafts.csswg.org/css-sizing-3/#fit-content-size</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-fit-content-size">3.1.
Size Containment</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-height">
   <a href="https://drafts.csswg.org/css-sizing-3/#propdef-height">https://drafts.csswg.org/css-sizing-3/#propdef-height</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-height">3.1.
Size Containment</a> <a href="#ref-for-propdef-height①">(2)</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-intrinsic-size">
   <a href="https://drafts.csswg.org/css-sizing-3/#intrinsic-size">https://drafts.csswg.org/css-sizing-3/#intrinsic-size</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-intrinsic-size">3.1.
Size Containment</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-valdef-width-max-content">
   <a href="https://drafts.csswg.org/css-sizing-3/#valdef-width-max-content">https://drafts.csswg.org/css-sizing-3/#valdef-width-max-content</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-valdef-width-max-content">3.1.
Size Containment</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-valdef-width-min-content">
   <a href="https://drafts.csswg.org/css-sizing-3/#valdef-width-min-content">https://drafts.csswg.org/css-sizing-3/#valdef-width-min-content</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-valdef-width-min-content">3.1.
Size Containment</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-sizing-property">
   <a href="https://drafts.csswg.org/css-sizing-3/#sizing-property">https://drafts.csswg.org/css-sizing-3/#sizing-property</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-sizing-property">3.1.
Size Containment</a> <a href="#ref-for-sizing-property①">(2)</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-width">
   <a href="https://drafts.csswg.org/css-sizing-3/#propdef-width">https://drafts.csswg.org/css-sizing-3/#propdef-width</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-width">3.1.
Size Containment</a> <a href="#ref-for-propdef-width①">(2)</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-aspect-ratio">
   <a href="https://drafts.csswg.org/css-sizing-4/#propdef-aspect-ratio">https://drafts.csswg.org/css-sizing-4/#propdef-aspect-ratio</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-aspect-ratio">3.1.
Size Containment</a> <a href="#ref-for-propdef-aspect-ratio①">(2)</a> <a href="#ref-for-propdef-aspect-ratio②">(3)</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-preferred-aspect-ratio">
   <a href="https://drafts.csswg.org/css-sizing-4/#preferred-aspect-ratio">https://drafts.csswg.org/css-sizing-4/#preferred-aspect-ratio</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-preferred-aspect-ratio">3.1.
Size Containment</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-text-overflow">
   <a href="https://drafts.csswg.org/css-ui-3/#propdef-text-overflow">https://drafts.csswg.org/css-ui-3/#propdef-text-overflow</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-text-overflow">3.3.
Paint Containment</a>
    <li><a href="#ref-for-propdef-text-overflow①">3.3.1.
Possible Paint-Containment Optimizations</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-resize">
   <a href="https://drafts.csswg.org/css-ui-4/#propdef-resize">https://drafts.csswg.org/css-ui-4/#propdef-resize</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-resize">3.3.
Paint Containment</a>
    <li><a href="#ref-for-propdef-resize①">3.3.1.
Possible Paint-Containment Optimizations</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-css-wide-keywords">
   <a href="https://drafts.csswg.org/css-values-4/#css-wide-keywords">https://drafts.csswg.org/css-values-4/#css-wide-keywords</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-css-wide-keywords">1.1.
Value Definitions</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-comb-one">
   <a href="https://drafts.csswg.org/css-values-4/#comb-one">https://drafts.csswg.org/css-values-4/#comb-one</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-comb-one">2.
Strong Containment: the contain property</a> <a href="#ref-for-comb-one①">(2)</a> <a href="#ref-for-comb-one②">(3)</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-comb-any">
   <a href="https://drafts.csswg.org/css-values-4/#comb-any">https://drafts.csswg.org/css-values-4/#comb-any</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-comb-any">2.
Strong Containment: the contain property</a> <a href="#ref-for-comb-any①">(2)</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-direction">
   <a href="https://drafts.csswg.org/css-writing-modes-3/#propdef-direction">https://drafts.csswg.org/css-writing-modes-3/#propdef-direction</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-direction">2.
Strong Containment: the contain property</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-text-orientation">
   <a href="https://drafts.csswg.org/css-writing-modes-4/#propdef-text-orientation">https://drafts.csswg.org/css-writing-modes-4/#propdef-text-orientation</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-text-orientation">2.
Strong Containment: the contain property</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-writing-mode">
   <a href="https://drafts.csswg.org/css-writing-modes-4/#propdef-writing-mode">https://drafts.csswg.org/css-writing-modes-4/#propdef-writing-mode</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-writing-mode">2.
Strong Containment: the contain property</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-padding-edge">
   <a href="https://www.w3.org/TR/CSS2/box.html#padding-edge">https://www.w3.org/TR/CSS2/box.html#padding-edge</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-padding-edge">3.3.
Paint Containment</a> <a href="#ref-for-padding-edge①">(2)</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-stacking-context">
   <a href="https://drafts.csswg.org/css2/#stacking-context">https://drafts.csswg.org/css2/#stacking-context</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-stacking-context">3.2.
Layout Containment</a>
    <li><a href="#ref-for-stacking-context①">3.3.
Paint Containment</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-vertical-align">
   <a href="https://www.w3.org/TR/CSS2/visudet.html#propdef-vertical-align">https://www.w3.org/TR/CSS2/visudet.html#propdef-vertical-align</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-vertical-align">3.2.
Layout Containment</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-funcdef-filter-blur">
   <a href="https://drafts.fxtf.org/filter-effects-1/#funcdef-filter-blur">https://drafts.fxtf.org/filter-effects-1/#funcdef-filter-blur</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-funcdef-filter-blur">3.3.1.
Possible Paint-Containment Optimizations</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-the-body-element">
   <a href="https://html.spec.whatwg.org/multipage/sections.html#the-body-element">https://html.spec.whatwg.org/multipage/sections.html#the-body-element</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-the-body-element">2.
Strong Containment: the contain property</a> <a href="#ref-for-the-body-element①">(2)</a> <a href="#ref-for-the-body-element②">(3)</a> <a href="#ref-for-the-body-element③">(4)</a>
    <li><a href="#ref-for-the-body-element④">Changes from the
Recommendation of 22 December 2020</a>
    <li><a href="#ref-for-the-body-element⑤">Changes from the
Recommendation of 21 November 2019</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-the-html-element">
   <a href="https://html.spec.whatwg.org/multipage/semantics.html#the-html-element">https://html.spec.whatwg.org/multipage/semantics.html#the-html-element</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-the-html-element">2.
Strong Containment: the contain property</a> <a href="#ref-for-the-html-element①">(2)</a> <a href="#ref-for-the-html-element②">(3)</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-elementdef-svg">
   <a href="https://svgwg.org/svg2-draft/struct.html#elementdef-svg">https://svgwg.org/svg2-draft/struct.html#elementdef-svg</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-elementdef-svg">2.
Strong Containment: the contain property</a>
   </ul>
  </aside>
  <h3 class="no-num no-ref heading settled" id="index-defined-elsewhere"><span class="content">Terms defined by reference</span><a class="self-link" href="#index-defined-elsewhere"></a></h3>
  <ul class="index">
   <li>
    <a data-link-type="biblio">[css-backgrounds-3]</a> defines the following terms:
    <ul>
     <li><span class="dfn-paneled" id="term-for-propdef-background">background</span>
     <li><span class="dfn-paneled" id="term-for-canvas-background">canvas background</span>
     <li><span class="dfn-paneled" id="term-for-corner-clipping">corner clipping</span>
    </ul>
   <li>
    <a data-link-type="biblio">[css-break-3]</a> defines the following terms:
    <ul>
     <li><span class="dfn-paneled" id="term-for-forced-break">forced break</span>
     <li><span class="dfn-paneled" id="term-for-fragmentation">fragmentation</span>
     <li><span class="dfn-paneled" id="term-for-fragmentation-container">fragmentation container</span>
     <li><span class="dfn-paneled" id="term-for-fragmentation-context">fragmentation context</span>
     <li><span class="dfn-paneled" id="term-for-fragmented-flow">fragmented flow</span>
     <li><span class="dfn-paneled" id="term-for-monolithic">monolithic</span>
    </ul>
   <li>
    <a data-link-type="biblio">[css-cascade-5]</a> defines the following terms:
    <ul>
     <li><span class="dfn-paneled" id="term-for-used-value">used value</span>
    </ul>
   <li>
    <a data-link-type="biblio">[CSS-CONTAIN-2]</a> defines the following terms:
    <ul>
     <li><span class="dfn-paneled" id="term-for-style-containment">style containment</span>
    </ul>
   <li>
    <a data-link-type="biblio">[css-display-3]</a> defines the following terms:
    <ul>
     <li><span class="dfn-paneled" id="term-for-atomic-inline">atomic inline</span>
     <li><span class="dfn-paneled" id="term-for-propdef-display">display</span>
     <li><span class="dfn-paneled" id="term-for-establish-an-independent-formatting-context">establishes an independent formatting context</span>
     <li><span class="dfn-paneled" id="term-for-initial-containing-block">initial containing block</span>
     <li><span class="dfn-paneled" id="term-for-inline-level">inline-level</span>
     <li><span class="dfn-paneled" id="term-for-inner-display-type">inner display type</span>
     <li><span class="dfn-paneled" id="term-for-internal-ruby-box">internal ruby box</span>
     <li><span class="dfn-paneled" id="term-for-internal-table-box">internal table box</span>
     <li><span class="dfn-paneled" id="term-for-principal-box">principal box</span>
     <li><span class="dfn-paneled" id="term-for-replaced-element">replaced element</span>
     <li><span class="dfn-paneled" id="term-for-valdef-display-table">table</span>
     <li><span class="dfn-paneled" id="term-for-valdef-display-table-cell">table-cell</span>
    </ul>
   <li>
    <a data-link-type="biblio">[css-grid-2]</a> defines the following terms:
    <ul>
     <li><span class="dfn-paneled" id="term-for-grid-track">grid track</span>
    </ul>
   <li>
    <a data-link-type="biblio">[css-images-3]</a> defines the following terms:
    <ul>
     <li><span class="dfn-paneled" id="term-for-natural-aspect-ratio">natural aspect ratio</span>
     <li><span class="dfn-paneled" id="term-for-natural-dimensions">natural dimension</span>
     <li><span class="dfn-paneled" id="term-for-natural-height">natural height</span>
    </ul>
   <li>
    <a data-link-type="biblio">[css-overflow-3]</a> defines the following terms:
    <ul>
     <li><span class="dfn-paneled" id="term-for-valdef-overflow-clip">clip</span>
     <li><span class="dfn-paneled" id="term-for-ink-overflow">ink overflow</span>
     <li><span class="dfn-paneled" id="term-for-propdef-overflow">overflow</span>
     <li><span class="dfn-paneled" id="term-for-overflow-clip-edge">overflow clip edge</span>
     <li><span class="dfn-paneled" id="term-for-propdef-overflow-clip-margin">overflow-clip-margin</span>
     <li><span class="dfn-paneled" id="term-for-propdef-overflow-x">overflow-x</span>
     <li><span class="dfn-paneled" id="term-for-propdef-overflow-y">overflow-y</span>
     <li><span class="dfn-paneled" id="term-for-scrollable-overflow">scrollable overflow</span>
     <li><span class="dfn-paneled" id="term-for-valdef-overflow-visible">visible</span>
    </ul>
   <li>
    <a data-link-type="biblio">[css-overflow-4]</a> defines the following terms:
    <ul>
     <li><span class="dfn-paneled" id="term-for-selectordef-nth-fragment">::nth-fragment()</span>
    </ul>
   <li>
    <a data-link-type="biblio">[css-position-3]</a> defines the following terms:
    <ul>
     <li><span class="dfn-paneled" id="term-for-absolute-positioning-containing-block">absolute positioning containing block</span>
     <li><span class="dfn-paneled" id="term-for-fixed-positioning-containing-block">fixed positioning containing block</span>
    </ul>
   <li>
    <a data-link-type="biblio">[css-pseudo-4]</a> defines the following terms:
    <ul>
     <li><span class="dfn-paneled" id="term-for-selectordef-after">::after</span>
     <li><span class="dfn-paneled" id="term-for-selectordef-before">::before</span>
     <li><span class="dfn-paneled" id="term-for-selectordef-marker">::marker</span>
    </ul>
   <li>
    <a data-link-type="biblio">[css-sizing-3]</a> defines the following terms:
    <ul>
     <li><span class="dfn-paneled" id="term-for-fit-content-size">fit-content size</span>
     <li><span class="dfn-paneled" id="term-for-propdef-height">height</span>
     <li><span class="dfn-paneled" id="term-for-intrinsic-size">intrinsic size</span>
     <li><span class="dfn-paneled" id="term-for-valdef-width-max-content">max-content</span>
     <li><span class="dfn-paneled" id="term-for-valdef-width-min-content">min-content</span>
     <li><span class="dfn-paneled" id="term-for-sizing-property">sizing property</span>
     <li><span class="dfn-paneled" id="term-for-propdef-width">width</span>
    </ul>
   <li>
    <a data-link-type="biblio">[css-sizing-4]</a> defines the following terms:
    <ul>
     <li><span class="dfn-paneled" id="term-for-propdef-aspect-ratio">aspect-ratio</span>
     <li><span class="dfn-paneled" id="term-for-preferred-aspect-ratio">preferred aspect ratio</span>
    </ul>
   <li>
    <a data-link-type="biblio">[css-ui-3]</a> defines the following terms:
    <ul>
     <li><span class="dfn-paneled" id="term-for-propdef-text-overflow">text-overflow</span>
    </ul>
   <li>
    <a data-link-type="biblio">[css-ui-4]</a> defines the following terms:
    <ul>
     <li><span class="dfn-paneled" id="term-for-propdef-resize">resize</span>
    </ul>
   <li>
    <a data-link-type="biblio">[css-values-4]</a> defines the following terms:
    <ul>
     <li><span class="dfn-paneled" id="term-for-css-wide-keywords">css-wide keywords</span>
     <li><span class="dfn-paneled" id="term-for-comb-one">|</span>
     <li><span class="dfn-paneled" id="term-for-comb-any">||</span>
    </ul>
   <li>
    <a data-link-type="biblio">[css-writing-modes-3]</a> defines the following terms:
    <ul>
     <li><span class="dfn-paneled" id="term-for-propdef-direction">direction</span>
    </ul>
   <li>
    <a data-link-type="biblio">[css-writing-modes-4]</a> defines the following terms:
    <ul>
     <li><span class="dfn-paneled" id="term-for-propdef-text-orientation">text-orientation</span>
     <li><span class="dfn-paneled" id="term-for-propdef-writing-mode">writing-mode</span>
    </ul>
   <li>
    <a data-link-type="biblio">[CSS2]</a> defines the following terms:
    <ul>
     <li><span class="dfn-paneled" id="term-for-padding-edge">padding edge</span>
     <li><span class="dfn-paneled" id="term-for-stacking-context">stacking context</span>
     <li><span class="dfn-paneled" id="term-for-propdef-vertical-align">vertical-align</span>
    </ul>
   <li>
    <a data-link-type="biblio">[FILTER-EFFECTS-1]</a> defines the following terms:
    <ul>
     <li><span class="dfn-paneled" id="term-for-funcdef-filter-blur">blur()</span>
    </ul>
   <li>
    <a data-link-type="biblio">[HTML]</a> defines the following terms:
    <ul>
     <li><span class="dfn-paneled" id="term-for-the-body-element">body</span>
     <li><span class="dfn-paneled" id="term-for-the-html-element">html</span>
    </ul>
   <li>
    <a data-link-type="biblio">[SVG2]</a> defines the following terms:
    <ul>
     <li><span class="dfn-paneled" id="term-for-elementdef-svg">svg</span>
    </ul>
  </ul>
  <h2 class="no-num no-ref heading settled" id="references"><span class="content">References</span><a class="self-link" href="#references"></a></h2>
  <h3 class="no-num no-ref heading settled" id="normative"><span class="content">Normative References</span><a class="self-link" href="#normative"></a></h3>
  <dl>
   <dt id="biblio-css-backgrounds-3">[CSS-BACKGROUNDS-3]
   <dd>Bert Bos; Elika Etemad; Brad Kemper. <a href="https://www.w3.org/TR/css-backgrounds-3/"><cite>CSS Backgrounds and Borders Module Level 3</cite></a>. 26 July 2021. CR. URL: <a href="https://www.w3.org/TR/css-backgrounds-3/">https://www.w3.org/TR/css-backgrounds-3/</a>
   <dt id="biblio-css-break-3">[CSS-BREAK-3]
   <dd>Rossen Atanassov; Elika Etemad. <a href="https://www.w3.org/TR/css-break-3/"><cite>CSS Fragmentation Module Level 3</cite></a>. 4 December 2018. CR. URL: <a href="https://www.w3.org/TR/css-break-3/">https://www.w3.org/TR/css-break-3/</a>
   <dt id="biblio-css-cascade-5">[CSS-CASCADE-5]
   <dd>Elika Etemad; Miriam Suzanne; Tab Atkins Jr.. <a href="https://www.w3.org/TR/css-cascade-5/"><cite>CSS Cascading and Inheritance Level 5</cite></a>. 13 January 2022. CR. URL: <a href="https://www.w3.org/TR/css-cascade-5/">https://www.w3.org/TR/css-cascade-5/</a>
   <dt id="biblio-css-contain-2">[CSS-CONTAIN-2]
   <dd>Tab Atkins Jr.; Florian Rivoal; Vladimir Levin. <a href="https://www.w3.org/TR/css-contain-2/"><cite>CSS Containment Module Level 2</cite></a>. 16 December 2020. WD. URL: <a href="https://www.w3.org/TR/css-contain-2/">https://www.w3.org/TR/css-contain-2/</a>
   <dt id="biblio-css-display-3">[CSS-DISPLAY-3]
   <dd>Tab Atkins Jr.; Elika Etemad. <a href="https://www.w3.org/TR/css-display-3/"><cite>CSS Display Module Level 3</cite></a>. 3 September 2021. CR. URL: <a href="https://www.w3.org/TR/css-display-3/">https://www.w3.org/TR/css-display-3/</a>
   <dt id="biblio-css-images-3">[CSS-IMAGES-3]
   <dd>Tab Atkins Jr.; Elika Etemad; Lea Verou. <a href="https://www.w3.org/TR/css-images-3/"><cite>CSS Images Module Level 3</cite></a>. 17 December 2020. CR. URL: <a href="https://www.w3.org/TR/css-images-3/">https://www.w3.org/TR/css-images-3/</a>
   <dt id="biblio-css-overflow-3">[CSS-OVERFLOW-3]
   <dd>David Baron; Elika Etemad; Florian Rivoal. <a href="https://www.w3.org/TR/css-overflow-3/"><cite>CSS Overflow Module Level 3</cite></a>. 23 December 2021. WD. URL: <a href="https://www.w3.org/TR/css-overflow-3/">https://www.w3.org/TR/css-overflow-3/</a>
   <dt id="biblio-css-position-3">[CSS-POSITION-3]
   <dd>Elika Etemad; Tab Atkins Jr.. <a href="https://www.w3.org/TR/css-position-3/"><cite>CSS Positioned Layout Module Level 3</cite></a>. 1 September 2022. WD. URL: <a href="https://www.w3.org/TR/css-position-3/">https://www.w3.org/TR/css-position-3/</a>
   <dt id="biblio-css-pseudo-4">[CSS-PSEUDO-4]
   <dd>Daniel Glazman; Elika Etemad; Alan Stearns. <a href="https://www.w3.org/TR/css-pseudo-4/"><cite>CSS Pseudo-Elements Module Level 4</cite></a>. 31 December 2020. WD. URL: <a href="https://www.w3.org/TR/css-pseudo-4/">https://www.w3.org/TR/css-pseudo-4/</a>
   <dt id="biblio-css-sizing-3">[CSS-SIZING-3]
   <dd>Tab Atkins Jr.; Elika Etemad. <a href="https://www.w3.org/TR/css-sizing-3/"><cite>CSS Box Sizing Module Level 3</cite></a>. 17 December 2021. WD. URL: <a href="https://www.w3.org/TR/css-sizing-3/">https://www.w3.org/TR/css-sizing-3/</a>
   <dt id="biblio-css-ui-3">[CSS-UI-3]
   <dd>Tantek Çelik; Florian Rivoal. <a href="https://www.w3.org/TR/css-ui-3/"><cite>CSS Basic User Interface Module Level 3 (CSS3 UI)</cite></a>. 21 June 2018. REC. URL: <a href="https://www.w3.org/TR/css-ui-3/">https://www.w3.org/TR/css-ui-3/</a>
   <dt id="biblio-css-ui-4">[CSS-UI-4]
   <dd>Florian Rivoal. <a href="https://www.w3.org/TR/css-ui-4/"><cite>CSS Basic User Interface Module Level 4</cite></a>. 16 March 2021. WD. URL: <a href="https://www.w3.org/TR/css-ui-4/">https://www.w3.org/TR/css-ui-4/</a>
   <dt id="biblio-css-values-3">[CSS-VALUES-3]
   <dd>Tab Atkins Jr.; Elika Etemad. <a href="https://www.w3.org/TR/css-values-3/"><cite>CSS Values and Units Module Level 3</cite></a>. 6 June 2019. CR. URL: <a href="https://www.w3.org/TR/css-values-3/">https://www.w3.org/TR/css-values-3/</a>
   <dt id="biblio-css-values-4">[CSS-VALUES-4]
   <dd>Tab Atkins Jr.; Elika Etemad. <a href="https://www.w3.org/TR/css-values-4/"><cite>CSS Values and Units Module Level 4</cite></a>. 16 December 2021. WD. URL: <a href="https://www.w3.org/TR/css-values-4/">https://www.w3.org/TR/css-values-4/</a>
   <dt id="biblio-css-writing-modes-3">[CSS-WRITING-MODES-3]
   <dd>Elika Etemad; Koji Ishii. <a href="https://www.w3.org/TR/css-writing-modes-3/"><cite>CSS Writing Modes Level 3</cite></a>. 10 December 2019. REC. URL: <a href="https://www.w3.org/TR/css-writing-modes-3/">https://www.w3.org/TR/css-writing-modes-3/</a>
   <dt id="biblio-css-writing-modes-4">[CSS-WRITING-MODES-4]
   <dd>Elika Etemad; Koji Ishii. <a href="https://www.w3.org/TR/css-writing-modes-4/"><cite>CSS Writing Modes Level 4</cite></a>. 30 July 2019. CR. URL: <a href="https://www.w3.org/TR/css-writing-modes-4/">https://www.w3.org/TR/css-writing-modes-4/</a>
   <dt id="biblio-css2">[CSS2]
   <dd>Bert Bos; et al. <a href="https://www.w3.org/TR/CSS21/"><cite>Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification</cite></a>. 7 June 2011. REC. URL: <a href="https://www.w3.org/TR/CSS21/">https://www.w3.org/TR/CSS21/</a>
   <dt id="biblio-html">[HTML]
   <dd>Anne van Kesteren; et al. <a href="https://html.spec.whatwg.org/multipage/"><cite>HTML Standard</cite></a>. Living Standard. URL: <a href="https://html.spec.whatwg.org/multipage/">https://html.spec.whatwg.org/multipage/</a>
   <dt id="biblio-rfc2119">[RFC2119]
   <dd>S. Bradner. <a href="https://datatracker.ietf.org/doc/html/rfc2119"><cite>Key words for use in RFCs to Indicate Requirement Levels</cite></a>. March 1997. Best Current Practice. URL: <a href="https://datatracker.ietf.org/doc/html/rfc2119">https://datatracker.ietf.org/doc/html/rfc2119</a>
   <dt id="biblio-svg2">[SVG2]
   <dd>Amelia Bellamy-Royds; et al. <a href="https://www.w3.org/TR/SVG2/"><cite>Scalable Vector Graphics (SVG) 2</cite></a>. 4 October 2018. CR. URL: <a href="https://www.w3.org/TR/SVG2/">https://www.w3.org/TR/SVG2/</a>
  </dl>
  <h3 class="no-num no-ref heading settled" id="informative"><span class="content">Informative References</span><a class="self-link" href="#informative"></a></h3>
  <dl>
   <dt id="biblio-css-content-3">[CSS-CONTENT-3]
   <dd>Elika Etemad; Dave Cramer. <a href="https://www.w3.org/TR/css-content-3/"><cite>CSS Generated Content Module Level 3</cite></a>. 2 August 2019. WD. URL: <a href="https://www.w3.org/TR/css-content-3/">https://www.w3.org/TR/css-content-3/</a>
   <dt id="biblio-css-grid-2">[CSS-GRID-2]
   <dd>Tab Atkins Jr.; Elika Etemad; Rossen Atanassov. <a href="https://www.w3.org/TR/css-grid-2/"><cite>CSS Grid Layout Module Level 2</cite></a>. 18 December 2020. CR. URL: <a href="https://www.w3.org/TR/css-grid-2/">https://www.w3.org/TR/css-grid-2/</a>
   <dt id="biblio-css-multicol-1">[CSS-MULTICOL-1]
   <dd>Florian Rivoal; Rachel Andrew. <a href="https://www.w3.org/TR/css-multicol-1/"><cite>CSS Multi-column Layout Module Level 1</cite></a>. 12 October 2021. CR. URL: <a href="https://www.w3.org/TR/css-multicol-1/">https://www.w3.org/TR/css-multicol-1/</a>
   <dt id="biblio-css-overflow-4">[CSS-OVERFLOW-4]
   <dd>David Baron; Florian Rivoal. <a href="https://www.w3.org/TR/css-overflow-4/"><cite>CSS Overflow Module Level 4</cite></a>. 13 June 2017. WD. URL: <a href="https://www.w3.org/TR/css-overflow-4/">https://www.w3.org/TR/css-overflow-4/</a>
   <dt id="biblio-css-page-3">[CSS-PAGE-3]
   <dd>Elika Etemad; Simon Sapin. <a href="https://www.w3.org/TR/css-page-3/"><cite>CSS Paged Media Module Level 3</cite></a>. 18 October 2018. WD. URL: <a href="https://www.w3.org/TR/css-page-3/">https://www.w3.org/TR/css-page-3/</a>
   <dt id="biblio-css-regions-1">[CSS-REGIONS-1]
   <dd>Rossen Atanassov; Alan Stearns. <a href="https://www.w3.org/TR/css-regions-1/"><cite>CSS Regions Module Level 1</cite></a>. 9 October 2014. WD. URL: <a href="https://www.w3.org/TR/css-regions-1/">https://www.w3.org/TR/css-regions-1/</a>
   <dt id="biblio-css-sizing-4">[CSS-SIZING-4]
   <dd>Tab Atkins Jr.; Elika Etemad; Jen Simmons. <a href="https://www.w3.org/TR/css-sizing-4/"><cite>CSS Box Sizing Module Level 4</cite></a>. 20 May 2021. WD. URL: <a href="https://www.w3.org/TR/css-sizing-4/">https://www.w3.org/TR/css-sizing-4/</a>
   <dt id="biblio-filter-effects-1">[FILTER-EFFECTS-1]
   <dd>Dirk Schulze; Dean Jackson. <a href="https://www.w3.org/TR/filter-effects-1/"><cite>Filter Effects Module Level 1</cite></a>. 18 December 2018. WD. URL: <a href="https://www.w3.org/TR/filter-effects-1/">https://www.w3.org/TR/filter-effects-1/</a>
  </dl>
  <h2 class="no-num no-ref heading settled" id="property-index"><span class="content">Property Index</span><a class="self-link" href="#property-index"></a></h2>
  <div class="big-element-wrapper">
   <table class="index">
    <thead>
     <tr>
      <th scope="col">Name
      <th scope="col">Value
      <th scope="col">Initial
      <th scope="col">Applies to
      <th scope="col">Inh.
      <th scope="col">%ages
      <th scope="col">Animation type
      <th scope="col">Canonical order
      <th scope="col">Computed value
    <tbody>
     <tr>
      <th scope="row"><a class="css" data-link-type="property" href="#propdef-contain" id="ref-for-propdef-contain①⑦">contain</a>
      <td>none | strict | content | [ size || layout || paint ]
      <td>none
      <td>See below
      <td>no
      <td>n/a
      <td>not animatable
      <td>per grammar
      <td>specified keyword(s)the keyword none or one or more of size, layout, paint
   </table>
  </div>
  <aside class="dfn-panel" data-for="propdef-contain">
   <b><a href="#propdef-contain">#propdef-contain</a></b><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-contain①">1.
Introduction</a>
    <li><a href="#ref-for-propdef-contain②">2.
Strong Containment: the contain property</a> <a href="#ref-for-propdef-contain③">(2)</a> <a href="#ref-for-propdef-contain④">(3)</a> <a href="#ref-for-propdef-contain⑤">(4)</a> <a href="#ref-for-propdef-contain⑥">(5)</a> <a href="#ref-for-propdef-contain⑦">(6)</a> <a href="#ref-for-propdef-contain⑧">(7)</a> <a href="#ref-for-propdef-contain⑨">(8)</a> <a href="#ref-for-propdef-contain①⓪">(9)</a> <a href="#ref-for-propdef-contain①①">(10)</a> <a href="#ref-for-propdef-contain①②">(11)</a> <a href="#ref-for-propdef-contain①③">(12)</a> <a href="#ref-for-propdef-contain①④">(13)</a>
    <li><a href="#ref-for-propdef-contain①⑤">Changes from the
Candidate Recommendation of 08 November 2018</a> <a href="#ref-for-propdef-contain①⑥">(2)</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="valdef-contain-none">
   <b><a href="#valdef-contain-none">#valdef-contain-none</a></b><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-valdef-contain-none">2.
Strong Containment: the contain property</a> <a href="#ref-for-valdef-contain-none①">(2)</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="valdef-contain-strict">
   <b><a href="#valdef-contain-strict">#valdef-contain-strict</a></b><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-valdef-contain-strict">2.
Strong Containment: the contain property</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="valdef-contain-content">
   <b><a href="#valdef-contain-content">#valdef-contain-content</a></b><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-valdef-contain-content">2.
Strong Containment: the contain property</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="valdef-contain-size">
   <b><a href="#valdef-contain-size">#valdef-contain-size</a></b><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-valdef-contain-size">2.
Strong Containment: the contain property</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="valdef-contain-layout">
   <b><a href="#valdef-contain-layout">#valdef-contain-layout</a></b><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-valdef-contain-layout">2.
Strong Containment: the contain property</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="valdef-contain-paint">
   <b><a href="#valdef-contain-paint">#valdef-contain-paint</a></b><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-valdef-contain-paint">2.
Strong Containment: the contain property</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="containment">
   <b><a href="#containment">#containment</a></b><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-containment">2.
Strong Containment: the contain property</a> <a href="#ref-for-containment①">(2)</a>
    <li><a href="#ref-for-containment②">3.
Types of Containment</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="size-containment">
   <b><a href="#size-containment">#size-containment</a></b><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-size-containment">2.
Strong Containment: the contain property</a> <a href="#ref-for-size-containment①">(2)</a> <a href="#ref-for-size-containment②">(3)</a>
    <li><a href="#ref-for-size-containment③">3.1.
Size Containment</a> <a href="#ref-for-size-containment④">(2)</a> <a href="#ref-for-size-containment⑤">(3)</a>
    <li><a href="#ref-for-size-containment⑥">3.1.1.
Possible Size-Containment Optimizations</a>
    <li><a href="#ref-for-size-containment⑦">3.2.1.
Possible Layout-Containment Optimizations</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="size-containment-box">
   <b><a href="#size-containment-box">#size-containment-box</a></b><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-size-containment-box">2.
Strong Containment: the contain property</a>
    <li><a href="#ref-for-size-containment-box①">3.1.
Size Containment</a> <a href="#ref-for-size-containment-box②">(2)</a> <a href="#ref-for-size-containment-box③">(3)</a> <a href="#ref-for-size-containment-box④">(4)</a> <a href="#ref-for-size-containment-box⑤">(5)</a> <a href="#ref-for-size-containment-box⑥">(6)</a> <a href="#ref-for-size-containment-box⑦">(7)</a> <a href="#ref-for-size-containment-box⑧">(8)</a> <a href="#ref-for-size-containment-box⑨">(9)</a>
    <li><a href="#ref-for-size-containment-box①⓪">3.1.1.
Possible Size-Containment Optimizations</a> <a href="#ref-for-size-containment-box①①">(2)</a> <a href="#ref-for-size-containment-box①②">(3)</a> <a href="#ref-for-size-containment-box①③">(4)</a> <a href="#ref-for-size-containment-box①④">(5)</a> <a href="#ref-for-size-containment-box①⑤">(6)</a> <a href="#ref-for-size-containment-box①⑥">(7)</a> <a href="#ref-for-size-containment-box①⑦">(8)</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="sizing-as-if-empty">
   <b><a href="#sizing-as-if-empty">#sizing-as-if-empty</a></b><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-sizing-as-if-empty">3.1.
Size Containment</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="laying-out-in-place">
   <b><a href="#laying-out-in-place">#laying-out-in-place</a></b><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-laying-out-in-place">3.1.1.
Possible Size-Containment Optimizations</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="layout-containment">
   <b><a href="#layout-containment">#layout-containment</a></b><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-layout-containment">2.
Strong Containment: the contain property</a>
    <li><a href="#ref-for-layout-containment①">3.1.
Size Containment</a> <a href="#ref-for-layout-containment②">(2)</a>
    <li><a href="#ref-for-layout-containment③">3.1.1.
Possible Size-Containment Optimizations</a>
    <li><a href="#ref-for-layout-containment④">3.2.
Layout Containment</a> <a href="#ref-for-layout-containment⑤">(2)</a> <a href="#ref-for-layout-containment⑥">(3)</a> <a href="#ref-for-layout-containment⑦">(4)</a> <a href="#ref-for-layout-containment⑧">(5)</a>
    <li><a href="#ref-for-layout-containment⑨">3.2.1.
Possible Layout-Containment Optimizations</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="layout-containment-box">
   <b><a href="#layout-containment-box">#layout-containment-box</a></b><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-layout-containment-box">2.
Strong Containment: the contain property</a>
    <li><a href="#ref-for-layout-containment-box①">3.2.
Layout Containment</a> <a href="#ref-for-layout-containment-box②">(2)</a> <a href="#ref-for-layout-containment-box③">(3)</a> <a href="#ref-for-layout-containment-box④">(4)</a> <a href="#ref-for-layout-containment-box⑤">(5)</a> <a href="#ref-for-layout-containment-box⑥">(6)</a> <a href="#ref-for-layout-containment-box⑦">(7)</a> <a href="#ref-for-layout-containment-box⑧">(8)</a> <a href="#ref-for-layout-containment-box⑨">(9)</a>
    <li><a href="#ref-for-layout-containment-box①⓪">3.2.1.
Possible Layout-Containment Optimizations</a> <a href="#ref-for-layout-containment-box①①">(2)</a> <a href="#ref-for-layout-containment-box①②">(3)</a> <a href="#ref-for-layout-containment-box①③">(4)</a> <a href="#ref-for-layout-containment-box①④">(5)</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="paint-containment">
   <b><a href="#paint-containment">#paint-containment</a></b><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-paint-containment">2.
Strong Containment: the contain property</a>
    <li><a href="#ref-for-paint-containment①">3.3.
Paint Containment</a>
    <li><a href="#ref-for-paint-containment②">3.3.1.
Possible Paint-Containment Optimizations</a> <a href="#ref-for-paint-containment③">(2)</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="paint-containment-box">
   <b><a href="#paint-containment-box">#paint-containment-box</a></b><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-paint-containment-box">2.
Strong Containment: the contain property</a>
    <li><a href="#ref-for-paint-containment-box①">3.3.
Paint Containment</a> <a href="#ref-for-paint-containment-box②">(2)</a> <a href="#ref-for-paint-containment-box③">(3)</a> <a href="#ref-for-paint-containment-box④">(4)</a>
    <li><a href="#ref-for-paint-containment-box⑤">3.3.1.
Possible Paint-Containment Optimizations</a>
   </ul>
  </aside>
<script>/* script-dfn-panel */

document.body.addEventListener("click", function(e) {
    var queryAll = function(sel) { return [].slice.call(document.querySelectorAll(sel)); }
    // Find the dfn element or panel, if any, that was clicked on.
    var el = e.target;
    var target;
    var hitALink = false;
    while(el.parentElement) {
        if(el.tagName == "A") {
            // Clicking on a link in a <dfn> shouldn't summon the panel
            hitALink = true;
        }
        if(el.classList.contains("dfn-paneled")) {
            target = "dfn";
            break;
        }
        if(el.classList.contains("dfn-panel")) {
            target = "dfn-panel";
            break;
        }
        el = el.parentElement;
    }
    if(target != "dfn-panel") {
        // Turn off any currently "on" or "activated" panels.
        queryAll(".dfn-panel.on, .dfn-panel.activated").forEach(function(el){
            el.classList.remove("on");
            el.classList.remove("activated");
        });
    }
    if(target == "dfn" && !hitALink) {
        // open the panel
        var dfnPanel = document.querySelector(".dfn-panel[data-for='" + el.id + "']");
        if(dfnPanel) {
            dfnPanel.classList.add("on");
            var rect = el.getBoundingClientRect();
            dfnPanel.style.left = window.scrollX + rect.right + 5 + "px";
            dfnPanel.style.top = window.scrollY + rect.top + "px";
            var panelRect = dfnPanel.getBoundingClientRect();
            var panelWidth = panelRect.right - panelRect.left;
            if(panelRect.right > document.body.scrollWidth && (rect.left - (panelWidth + 5)) > 0) {
                // Reposition, because the panel is overflowing
                dfnPanel.style.left = window.scrollX + rect.left - (panelWidth + 5) + "px";
            }
        } else {
            console.log("Couldn't find .dfn-panel[data-for='" + el.id + "']");
        }
    } else if(target == "dfn-panel") {
        // Switch it to "activated" state, which pins it.
        el.classList.add("activated");
        el.style.left = null;
        el.style.top = null;
    }

});
</script>
<script>/* script-wpt */
let wptPath = "/css/css-contain/";
"use strict";

document.addEventListener("DOMContentLoaded", async ()=>{
    if(wptPath == "/") return;

    const runsUrl = "https://wpt.fyi/api/runs?label=master&label=stable&max-count=1&product=chrome&product=firefox&product=safari&product=edge";
    const runs = await (await fetch(runsUrl)).json();

    const testResults = await( await fetch("https://wpt.fyi/api/search", {
        method:"POST",
        headers:{
            "Content-Type":"application/json",
        },
        body: JSON.stringify({
            "run_ids": runs.map(x=>x.id),
            "query": {"path": wptPath},
        })
    })).json();

    const browsers = runs.map(x=>({name:x.browser_name, version:x.browser_version, passes:0, total: 0}));
    const resultsFromPath = new Map(testResults.results.map(result=>{
        const testPath = result.test;
        const passes = result.legacy_status.map(x=>[x.passes, x.total]);
        return [testPath, passes];
    }));
    document.querySelectorAll(".wpt-name").forEach(nameEl=>{
        const passData = resultsFromPath.get("/" + nameEl.getAttribute("title"));
        const numTests = passData[0][1];
        if(numTests > 1) {
            nameEl.insertAdjacentElement("beforeend",
                el("small", {}, ` (${numTests} tests)`));
        }
        if(passData == undefined) return;
        passData.forEach((p,i) => {
            browsers[i].passes += p[0];
            browsers[i].total += p[1];
        })
        const resultsEl = el("span",{"class":"wpt-results"},
            ...passData.map((p,i) => el("span",
            {
                "title": `${browsers[i].name} ${p[0]}/${p[1]}`,
                "class": "wpt-result",
                "style": `background: conic-gradient(forestgreen ${p[0]/p[1]*360}deg, darkred 0deg);`,
            })),
        );
        nameEl.insertAdjacentElement("afterend", resultsEl);
    });
    const overview = document.querySelector(".wpt-overview");
    if(overview) {
        overview.appendChild(el('ul',{}, ...browsers.map(formatWptResult)));
        document.head.appendChild(el('style', {},
            `.wpt-overview ul { display: flex; flex-flow: row wrap; gap: .2em; justify-content: start; list-style: none; padding: 0; margin: 0;}
             .wpt-overview li { padding: .25em 1em; color: black; text-align: center; }
             .wpt-overview img { height: 1.5em; height: max(1.5em, 32px); background: transparent; }
             .wpt-overview .browser { font-weight: bold; }
             .wpt-overview .passes-none { background: #e57373; }
             .wpt-overview .passes-hardly { background: #ffb74d; }
             .wpt-overview .passes-a-few { background: #ffd54f; }
             .wpt-overview .passes-half { background: #fff176; }
             .wpt-overview .passes-lots { background: #dce775; }
             .wpt-overview .passes-most { background: #aed581; }
             .wpt-overview .passes-all { background: #81c784; }`));
    }
});
function el(name, attrs, ...content) {
    const x = document.createElement(name);
    for(const [k,v] of Object.entries(attrs)) {
        x.setAttribute(k, v);
    }
    for(let child of content) {
        if(typeof child == "string") child = document.createTextNode(child);
        try {
        x.appendChild(child);
        } catch(e) { console.log({x, child}); }
    }
    return x;
}
function formatWptResult({name, version, passes, total}) {
    const passRate = passes/total;
    let passClass = "";
    if(passRate == 0)      passClass = "passes-none";
    else if(passRate < .2) passClass = "passes-hardly";
    else if(passRate < .4) passClass = "passes-a-few";
    else if(passRate < .6) passClass = "passes-half";
    else if(passRate < .8) passClass = "passes-lots";
    else if(passRate < 1)  passClass = "passes-most";
    else                   passClass = "passes-all";

    name = name[0].toUpperCase() + name.slice(1);
    const shortVersion = /^\d+/.exec(version);
    const icon = []

    if(name == "Chrome") icon.push(el('img', {alt:"", src:"https://wpt.fyi/static/chrome-dev_64x64.png"}));
    if(name == "Edge") icon.push(el('img', {alt:"", src:"https://wpt.fyi/static/edge-dev_64x64.png"}));
    if(name == "Safari") icon.push(el('img', {alt:"", src:"https://wpt.fyi/static/safari-preview_64x64.png"}));
    if(name == "Firefox") icon.push(el('img', {alt:"", src:"https://wpt.fyi/static/firefox-nightly_64x64.png"}));

    return el('li', {"class":passClass},
        el('nobr', {'class':'browser'}, ...icon, ` ${name} ${shortVersion}`),
        el('br', {}),
        el('nobr', {'class':'pass-rate'}, `${passes}/${total}`)
    );
}</script>